HTML5的语义化标签

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类似。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和c...
    浪漫歌阅读 2,972评论 0 0
  • HTML 5的革新之一:语义化标签一节元素标签。 在HTML 5出来之前,我们用div来表示页面章节,但是这些di...
    吴越公子阅读 4,132评论 0 0
  • 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要...
    DecadeHeart阅读 8,751评论 0 3
  • 1. HTML语义化背景介绍 讲到语义化,我们首先来聊聊html语义化的背景,HTML结构语义化,是最近几年才提出...
    阿布_0caf阅读 25,428评论 1 20
  • 图片发自简书App 生存苦难活炼狱妖艳疼痛无穷尽依靠别人心好累自娱自乐才是真 男欢女爱山和海怜香惜玉该是谁极度烦躁...
    豫视西影阅读 3,698评论 5 8

友情链接更多精彩内容