ABOUT HTML5 PROGRAMMING

I.Getting to know html 5

1. HTML history.

capture

2.What is New in HTML 5 ?

Check out this tired, worn out, seen-better-days HTML;
we’re going to turn it into HTML5 right before your very eyes:

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN”
http://www.w3.org/TR/html4/strict.dtd&#8221;>

<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″>
Head First Lounge
type=”text/css rel=”stylesheet” href=”lounge.css“>

Welcome to HTML

<img src=”drinks.gif” alt=”Drinks”>

HTML

This is all just normal HTML 4.01 from the Head First Lounge, which you might remember from Head First HTML (and if not, don’t worry, you don’t need to)

Here’s the old HTML 4.01 version of the doctype:

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN”
http://www.w3.org/TR/html4/strict.dtd&#8221;>

Now you might have guessed that we’re going to replace every mention of
“4” with “5” in the doctype, right? Oh, no. Here’s the amazing part: the new
doctype for HTML5 is simply:

capture

3. HTML5 Example

<meta charset=”UTF-8″>
Title of the document
Content of the document……

II. HTML5

New and Deprecated Elements

HTML5 introduces many new markup elements, which it groups into seven different content types.

Capture.PNG

Semantic Markup

Capture.PNG

Capture.PNG

Capture.PNG

Capture.PNG

Capture.PNG

Capture.PNG

Capture.PNG

Capture.PNG

Capture.PNG

III. Evaluate

capture

Okay, okay, you got us. So far, we’ve been talking about updating your older HTML so that they’re ready to take advantage of everything HTML5 has to offer. And as you can see, if you’re familiar with HTML 4.01, then you’re in great shape because HTML5 is a superset of HTML 4.01 (meaning practically everything in it is still supported in HTML5) and all you need to do is know how to specify your doctype and the rest of the tags in theelement to get started with HTML5. But, you’re right, we were being silly, of course there is more to HTML5 than just updating a few elements. In fact, what everyone is excited about is the ability to build rich, interactive pages (or even sophisticated web applications), and to support that HTML5 provides a whole family of technologies that works hand in hand with the HTML5 markup language. But hang on; before we get there we’ve got just a bit more work to do to make sure we’re ready with our markup.

tải xuống.png

Advertisements