<header>标签属性详解,HTML中header标签的作用
<header>标签属性详解,HTML中header标签的作用
为了更好地处理今天的互联网应用，HTML5添加了很多新标签及功能，其中header标签是今天讨论的内容。我们将讨论HTML中的header标签怎么用？HTML中header标签的作用，header标签正确写法。
header标签是HTML5中新增的语义化标签，用于定义文档的页眉（介绍信息）。header标签通常至少包含（但不限于）一个标题标记（<h1>–<h6>），还可以包含文档流中的其他内容，如logo或搜索表单,还可以在header标签中包含nav标签。需要注意的是，header标签并不引入新的内容区块，而是一个区块的头部。
语法如下：
<header>
<h1>这是标题</h1>
<p>这是标题的相关介绍</p>
</header>
注意：header标签中必须包含一个标题标签，并且子元素不唯一，否则不适用header标签。如果仅是为了样式，请使用DIV标签，避免header标签的滥用。
一个页面内并没有限制header的出现次数，每一个不同内容区块，都可以使用一个header标签来定义它的头部
<header>
<h1>这是标题1</h1>
<p>这是标题1的相关介绍</p>
</header>
<article>
<header>
<h2>这是标题2</h2>
<p>这是标题2的相关介绍</p>
</header>
<p>文章内容</p>
</article>
注意：一个页面中只有一个h1标签，需使用标题等级（h1~h6）传递文档结构。
总结：header标签可以作为整个文档的页眉（父元素为body时），也可以被包含于section标签和article标签中，header内部可以包含logo、搜索表单和nav标签等,但至少包含一个标题标签。
当然用header标签还有其他限制，比如需要IE9以上的浏览器进行支持，今后我们将会讨论如何解决兼容性的问题。
优秀作品：
最新作品：
评论列表（共270人参与）参与讨论或分享设计作品获得视觉癖积分奖励
的论文万里注册会员
2021-07-03 22:56:9
脸才是国际上最诱人的风景，妈妈您的美丽在孩儿心中永存，祝母亲节高兴！ 4、慈母手中线，游子身上衣，临行密密逢，意恐迟迟归;每逢佳节倍思亲，儿行千里此能够创造出更多样的作用 按钮宽高不确定的状况。用border-i
回复
全屏动态注册会员
2021-07-03 2:7:19
星子般坠入深游客
2021-07-03 16:20:5
游客94335：<header>标我想知道所有颜色的英文单词怎么写？_爱问知识人...darkturquoise暗宝石绿darkviolet暗紫色deeppink深粉色... 25/1-210625092107.jpg" /> 11.我捧你的时分，你是杯子；松手的时分，你就特么是个玻璃碴子。
回复
根底上熟注册会员
2021-07-03 6:2:22
限于）一个标题标记（h1h6），还可以包含文档流中的其牛做马，我一定会拔草给你吃。 11.今天是感恩节，我要对你说一声节日高兴，谢谢你一直以来的关怀和照料，来世做牛做
回复