<!--
作者:flower@qq.com
时间:2016-07-25
描述:格式声明
-->
<html>
<head>
<meta charset="utf-8" /><!--字符编码-->
<title>html5新增标签</title>
</head>
<body>
<header>一块内容区域的标题部分</header>
<nav>页面中导航链接部分</nav>
<article>页面中一块与上下文不相关的内容</article>
<section>页面中一块内容区域,页眉,页脚。。</section>
<aside>表示article元素内容之外的辅助信息</aside>
<footer>页脚,比如文件的创建时间。。</footer>
<!--定义首字母缩写词,鼠标放在WWW上显示title,HTML 5 不支持 <acronym>。请使用 <abbr> 代替-->
<acronym title="World Wide Web">WWW</acronym>
<abbr title="A Beautiful City">ABC</abbr>
<abbr title="重庆">渝</abbr>
<!--定义文档作者或拥有者的联系信息。-->
<address>重庆市</address>
<!--定义图像映射中的区域-->
<img src="planets.gif" alt="Planets" usemap="#planetmap"/>
<map id="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.html" alt="sum">
<area shape ="circle" coords ="90,58,3" href ="mercur.htm" alt="Mercury" />
<area shape ="circle" coords ="124,58,8" href ="venus.htm" alt="Venus" />
</map>
<!--定义外部的内容,可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本..-->
<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC,
Apple announced the release of Safari 5 for Windows and Mac......
</article>
<!--<aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关,:<aside> 的内容可用作文章的侧栏。-->
<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>
<!--声音,比如音乐或其他音频流-->
<audio src="Owl City - Enchanted.mp3" autoplay="autoplay" loop="loop" preload="metadata" controls="controls">
浏览器不支持
</audio>
</html>