HTML5的学习
HTML5中添加了拥有具体含义的HTML标签。
一、结构标签
1、<section>
定义文档中的节,用来表现普通的文档内容或应用区块,一般会带有标题。
例:
<section>
<h1>This is a test</h1>
<article>
<h2>a story</h2>
<p>friendship</p>
</article>
</section>
2、<article>
表示一个独立的、完整的相关内容块,通常用来描述一个具体的事物。
含有标题部分,一般在header内,也可以包含footer.
此外,article也可以嵌套,内层的article对外层的article标签有隶属关系。
例:
<article>
<header>
<hgroup>
<h1>This is a test</h1>
</hgroup>
</header>
<p>a story</p>
</article>
3、nav
页面导航的链接组,其中的导航元素链接到其它页面或者当前页面的其它部分。
例:
<nav>
<ul>
<li>a love story</li>
</ul>
</nav>
4、<aside>
用来装载非正文的内容,被视为页面里的一个单独的部分,可以被删除而不会影响到网页的内容。例如广告、侧边栏等。
例:
<aside>
<h1>a sad love story</h1>
<p>it is a test</p>
</aside>
5、header
定义文档的页眉,既可以写在网页头部也可以写在网页内容里。
可以包含hgroup标签、表格内容、标识、搜索表单、nav导航等。
6、<footer>
定义了section或document的页脚,包含了与页面、文章或是部分内容相关的信息,比如作者或日期。可以在一个页面中多次使用,若在一个区段的末尾加入footer,即相当于该区段的页脚。
7、hgroup
是对网页或区段section的标题元素(h1-h6)进行组合。
例:
<hgroup>
<h1>This is a test</h1>
<h2>it is sunday</h2>
</hgroup>
8、<figure>
用于对元素进行组合。多用于图片与图片描述组合。
例:
<figure>
<img src="img.gif" alt="figure标签" title="标签"/>
<figcaption>some message about the picture</figcaption>
</figure>