美文网首页
HTML5的语义化标签

HTML5的语义化标签

作者: 望夜的星空 | 来源:发表于2017-11-01 16:55 被阅读0次

header元素

header 元素代表“网页”或“section”的页眉

通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。整个页面没有限制

header注意

元素的个数,可以拥有多个,可以为每个内容块增加一个header元素


<header>
<hgroup>
<h1>
网站标题
</h1>
<h1>
网站副标题
</h1>
</hgroup>
</header>
header

使用注意:

可以是“网页”或任意“section”的头部部分;

没有个数限制。

如果hgroup或h1-h6自己就能工作的很好,

2

footer

元素

footer

元素代表

网页

“section”

的页脚,

通常含有该节的一些基本信息,

譬如:

作者,

相关文档链接,

版权资料。如果

footer

元素包含了整个节,那么它们就代表附录,索引,提拔,许可协议,标签,类

别等一些其他类似信息。

<footer>

COPYRIGHT@

小北

</footer>

footer使用注意:

可以是“网页”或任意“section”的底部部分;

没有个数限制,除了包裹的内容不一样,其他跟header类似。

相关文章

  • HTML5标签语义化

    理解HTML5语义化:HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,...

  • H5新增语义化标签

    HTML5 新增标签 什么是语义化 新增了那些语义化标签header --- 头部标签nav ...

  • HTML5十大新特性

    1.语义化标签 对比之前HTML没有体现结构语义化的标签,如: //表头的声明 HTML5提供语义化标签,如: 等...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • web前端网站收藏

    更新于 2016-09-02 API 速查 HTML5标签 HTML5 标签的语义,帮助我们写出语义化的HTML ...

  • HTML的语义化

    深入理解HTML5标签如何写出高效率的HTMLHTML 5的革新——语义化标签怎样理解HTML5和CSS3的语义化...

  • web前端面试题

    1.写出HTML5新增语义化标签以及表单控件(越多越好)常用的语义化标签 : , , , , , ...常用的表...

  • template标签

    参考文章:HTML5