html5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上css3的效果渲染，快速建立丰富灵活的web页面显得非常简单。 html5 新元素自1999年以后HTML 4.01 已经改变了很多,今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。 为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者等。 HTML5的新标签元素
nav导航标签
<!doctype html><html><head>
<Meta charset="UTF-8">
<title>HTML5 Nav导航标签的使用</title>
</head>
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</nav>
</body>
</html>
<header>标签实现
<!doctype html>
<html>
<head>
<Meta charset="UTF-8">
<title><header>标签实现 by www.F2er.com</title>
</head>
<body>
<header id="page_header">
<h1>Header</h1>
</header>
</body>
</html>
<footer>标签实现
<!doctype html>
<html>
<head>
<Meta charset="UTF-8">
<title><footer>标签实现 by www.F2er.com</title>
</head>
<body>
<footer>标签实现
<footer id="page_footer">
<h2>Footer</h2>
</footer>
</body>
</html>
<section>区块和<article>文章
<!doctype html>
<html>
<head>
<Meta charset="UTF-8">
<title><section>和<article>标签实现 by www.F2er.com</title>
</head>
<body>
<section>和<article>标签实现
<section id="posts">
/*可以包含多个< article>*/
<article class="post">
/*article的内容*/
</article>
<article class="post">
/*article的内容*/
</article>
</section>
</body>
</html>
<canvas> 新元素
新多媒体元素
HTML5 新表单元素
新的语义和结构元素HTML5 提供了新的元素来创建更好的页面结构
已移除的元素下面列出的 HTML 4.01 元素在 HTML5 中已经被删除
|
