2
HTML5: An Introduction an Internet.com Developer eBook. © 2011, Internet.com, a division of QuinStreet, Inc.
Back to Contents
HTML5: An Introduction
TML5, depending on who you listen to, may
be either a disruptive new technology that
has the potential to bring entire companies
to their knees, or a smooth transition from
current HTML 4.0 that promises to make life much easier
for developers. Both are at least partially true, and in this
continuing series, I hope to help you make sense out of
HTML5: both business sense and nuts-and-bolts coding-
level sense.
HTML5 is most denitely a work in progress. It began to
take shape back in 2004, and the ofcial specication
may not be actually complete until the year 2022! But
HTML5 is already here, in everything from your current
desktop browser to your new smartphone, so there’s no
problem with getting started.
So Let’s Get Started with HTML5
Perhaps the most important thing to understand about
HTML5 is not the coding details and changes themselves,
but the high-level functions they give you access to. In
fact, HTML5 is all about high-level functions rather than
details. For instance, instead of thinking of multimedia
objects and then dening them as video or audio and so
on, in HTML5 you can simply write something like:
<video src=”watchthis.mp4” width=”640”
height=”480”>
<a hre
f
=
”
wa
tc
hthi
s
.mp4
”
>
Her
e
’
s m
y vi
deo<
/
a
>
</video>
This functional methodology extends even to typical
page coding. We’re all used to writing complex pages
in terms of low-level objects like </div>, which is kind
of amorphous and easy to lose track of. So we often
attempt to keep track of things by coding like this:
Web Developer Basics: Learning About HTML5
By David Fiedler and Scott Clark
H
<div id=”header”>
<H1>Web Developer Basics: Learning About
HTML5</H1>
<p class=”credit”>by David Fiedler</p>
</d iv>
In HTML5, we can cut right to the chase. We’re writing a
header, and now we can code it that way:
<header>
<H1>Web Developer Basics: Learning About
HTML5</H1>
<p class=”credit”>by David Fiedler</p>
</header>
So what, you might say at this point. Well, it’s not just the
header of a page that we can now view as a complete
functional object, it’s almost everything we use on a daily
basis: <heade
r>
, <footer>
, <ar
tic
le>
, <se
c
tio
n>
, <na
v>
,
<menu>, <gure>. This gives us tremendous exibility
评论0
最新资源