HTML and CSS Reference
In-Depth Information
As far as the meaning of HTML5 referred to in this topic, what is covered here is
by its very nature a snapshot of the current specification. This means it may be ahead
of W3C's HTML5 specification but will likely be behind the WHATWG's “living spe-
cification” by the time this goes to print. That is the nature of the Web. It's continuously
evolving. For what is covered in this topic, the third bullet point shown earlier pos-
sibly works the best. This topic is a look at the contemporary state of web development.
HTML5 is the new hip state of the Web, like the Web 2.0 that came before it. Where
appropriate, associated APIs and technologies are included, regardless of the exact spe-
cification they draw from, but the overarching framework they work under is the next
version of HTML—HTML5! (Or however you want to refer to it.)
Anatomy of an HTML5 document
Now that you are sufficiently versed in the path toward HTML5, let's look at a simple
document so you can see how things have changed. Open your preferred code editor,
create a new HTML file, save it as
index.html
, and type the following:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML5 Apprentice</title>
</head>
<body>
<p>Hello World</p>
</body>
</html>
Surprise! You will notice that this document is not only familiar but also simpler than
the HTML you may have seen before. Pretty clean and compact, huh? OK, feel free to
open this in your preferred web browser to see that the text
Hello World
will in fact dis-
play on your page. If you can name every term in the previous code, feel free to skip the
next section; otherwise, read on to get a refresher on fundamental HTML terminology
and concepts.
HTML terminology and concepts
To avoid confusion on what is being referred to within this text as well as what you may
read or hear spoken elsewhere, it is important that you know some fundamental termin-
Search WWH ::
Custom Search