<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5新增的常用标签</title>
</head>
<body>
<header>header定义文档的页眉</header>
<footer>footer定义文档或节的页脚</footer>
<nav>nav定义导航链接的部分</nav>
<article>article定义独立的内容</article>
<aside>aside定义文章的侧栏</aside>
<section>section定义一块区域</section>
<audio controls>
<source src="bh.mp3" type="audio/mpeg">
</audio>
<video width="320" height="240" controls>
<source src="hd.mp4" type="video/mp4">
</video>
<br>
<br>
<br>
使用实例
<article>
<h1>Web编程语言比较</h1>
<p>web编程语言常用的有asp,asp.net,php,jsp...</p>
<section>
<h2>asp</h2>
<p>asp全称Active Server Page</p>
</section>
<section>
<h2>php</h2>
<p>草根动态语言,免费,强大</p>
</section>
</article>
</body>
</html>
以上标签中除audio和video外,所有标签都可以当做普通标签使用,属性、事件与普通标签完全一致,只不过这些标签是具有含义的。
audio和video的属性很多,本套教程仅做入门讲解,大家如果需要深入了解可网上搜索它们的属性进行学习。
|