header的标签(The header tag)

<header>元素有点模糊,因为它可以用在各种不同的方式。首先你需要知道<header>元素不引入一个新的部分——它是头一个现有的部分。其次你不应混淆它与<head>元素——这是两个不同的元素!
这就是它看起来像:

<header>...</header>

 

所以你可以有两个<header>元素在同一页面?相信你可以!想象你有三个博客条目在单个页面,以及他们都有一个<header>部分。多篇文章在一个页面吗?他们都有自己的<标题>元素。

使用面粉的文章,这意味着<div>元素我们以前用来把标题和作者从其余的内容现在可以被替换为<header>元素。

<article>
        <header>
                <h1>All About Flour</h1>
                <p class="teaser">Wheat flour is the backbone of the baked goods we love.</p>
                <p class="byline">by Jane Doe</p> 
        </header>

        <div id="content">
                <h2>The Two Types of Wheat</h2>
…

 

当使用<header>元素你应该总是有一个标题标记(<h1>-<代替>),但你可以有多个。您还可以使用<hgroup>元素,它我将稍后解释。最后,你还可以有其他的“头”相关内容如函数、出版日期、目录等。

你已经学会了:

<header>是一个新的语义HTML5元素

<header>内部使用一个部分(不一定是顶部的文档)

因此,您可以有多个<header>在同一个文档

 

posted @ 2013-09-25 15:47  zxiaoyus努力与收货  阅读(466)  评论(0编辑  收藏  举报
博主除了喜欢编程之外,也喜欢健长乐的哦!