header的标签（The header tag）

最新推荐文章于 2022-03-12 15:35:57 发布

weixin_33939843

最新推荐文章于 2022-03-12 15:35:57 发布

阅读量253

点赞数

文章标签：游戏

原文链接：http://www.cnblogs.com/zhaoxiaoyus/p/sdieks.html

版权

<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>在同一个文档

转载于:https://www.cnblogs.com/zhaoxiaoyus/p/sdieks.html

weixin_33939843

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
header的标签（The header tag）

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

扫一扫