HTML5 structural tags 初步

xa_zbl

浏览: 291431 次
性别:
来自: 西安

最近访客更多访客>>

liuzhize520

116856645

hereson

polosm

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

html5 html

什么是HTML5？
HTML5, the latest version of the Hypertext Markup Language (HTML), is the most radical revision
of the language to date. It introduces many new features in a variety of areas. Some of the more
notable additions include:
• Built-in multimedia tags for audio and video
• A canvas tag for drawing content in the browser
• Smarter forms that let you do things such as validation through the use of a required attribute

HTML5 doctype

The doctype declaration should be the first thing in an HTML document, before the tag.

HTML4 approach:

Simple HTML page using div tags
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>
A Simple HTML Page Using Divs
</title>
</head>
<body>
<div id='header'>Header</div>
<div id='content'>Content</div>
<div id='footer'>Footer</div>
</body>
</html>

HTML5 new tags are:
1. header 标记一个section的头部
2. section 类似于一本书的章节
例子：
<header>Header</header>
<section>
<p>
This is an important section of the page.
</p>
</section>
<div id='footer
3. article 重要的内容块
例子：
<header>Header</header>
<section>
<article>
<p>
This is an important section of content on the page.
Perhaps a blog post.
</p>
</article>
<article>
<p>
This is an important section of content on the page.
Perhaps a blog post.
</p>
</article>
</section>
4. aside
例子：
<section>
<article>
<p>
This is an important section of content on the page.
Perhaps a blog post.
</p>
<aside>
<p>
This is an aside for the first blog post.
</p>
</aside>
</article>
<article>
ibm.com/developerWorks/ developerWorks®
New HTML5 structural tags Page 7 of 11
<p>
This is an important section of content on the page.
Perhaps a blog post.
</p>
</article>
5. footer
6. nav

分享到：