为了更好地处理今天的互联网应用，HTML5添加了很多新标签及功能，其中header标签是今天讨论的内容。我们将讨论HTML中的header标签怎么用？HTML中header标签的作用，header标签正确写法。

header标签是HTML5中新增的语义化标签，用于定义文档的页眉(介绍信息)。header标签通常至少包含(但不限于)一个标题标记(

–

)，还可以包含文档流中的其他内容，如logo或搜索表单,还可以在header标签中包含nav标签。需要注意的是，header标签并不引入新的内容区块，而是一个区块的头部。

语法如下：

注意：header标签中必须包含一个标题标签，并且子元素不唯一，否则不适用header标签。如果仅是为了样式，请使用DIV标签，避免header标签的滥用。

一个页面内并没有限制header的出现次数，每一个不同内容区块，都可以使用一个header标签来定义它的头部

注意：一个页面中只有一个h1标签，需使用标题等级(h1~h6)传递文档结构。

总结：header标签可以作为整个文档的页眉(父元素为body时)，也可以被包含于section标签和article标签中，header内部可以包含logo、搜索表单和nav标签等,但至少包含一个标题标签。

当然用header标签还有其他限制，比如需要IE9以上的浏览器进行支持，今后我们将会讨论如何解决兼容性的问题。

html中header怎么设置,HTML中的header标签怎么用？相关推荐

路由器中虚拟服务器设置,路由器中虚拟服务器设置方法
路由器中虚拟服务器设置方法内容精选换一换购买独享带宽或是共享带宽时都需要选择带宽大小,该值为出云带宽的最大上限.如果出现依赖于公网的web应用程序出现卡顿等情况,请先排查该弹性云服务器绑定的EI ...
html中热区如何设置,Dreamweaver中如何设置热区?DW设置热区方法图解
Dreamweaver中如何设置热区?下面小编就为大家详细介绍一下,一起来看看吧! 方法/步骤向平时一样,这里我们在设置Dreamweaver热区的时候.同样这里是需要建立一个新的HTML界面的. ...
java maven 读取配置文件_Java项目和maven项目中如何获取设置配置文件中的属性
通常情况下,我们会在一些配置文件文件中配置一些属性.如: indexPath = E\:\\Tomcat_7.0\\webapps\\ipost_stage\\lucene\\index imgUpl ...
java中utf-8怎么设置_eclipse中UTF-8设置
eclipse中UTF-8设置 1.windows->Preferences 打开"首选项"对话框: 2.然后,general->Workspace,右侧Text fi ...
html中颜色怎么设置,html中按钮颜色怎么设置
在html中,可以通过在button按钮元素使用style属性,添加"background-color:颜色值;"样式来设置按钮的背景颜色,添加"color:颜色值;&q ...
matlab中ode45如何设置,matlab 中ode45的源代码如何看懂
该楼层疑似违规已被系统折叠隐藏此楼查看此楼求常微分方程的数值解 ode45方法的源代码怎么看懂呢?四百多行如何理解这些代码的核心思想以方便未来自己使用呢?求大神指点迷津感激不尽 functi ...
altium 交叉线_怎样设置原理图中电气连接线交叉点的属性？
1.引言在使用Altium Designer 18(下文简称:AD18)设计原理图过程中,我们会经常遇到电气连接线交叉的情况.在AD18中,怎样设置原理图中电气连接线交叉的属性呢?请和我一起单击AD ...
如何在fragment中添加ListView，并设置ListView中条目的值
最后界面如下: 制作思路:首先在一个Activity中做出左右fragment(碎片的意思),然后再在左边的fragment中加入ListView控件,再用编程的方法给ListView控件设置条目,即 ...
frame中src怎么设置成一个变量_Go 语言设计哲学之七：变量声明须一致
Go 语言,使用变量之前需要先进行变量的声明. var s string = "Golang"n := 666 Go 语言有两类变量包级别(package varible):在 ...
html5如何设置字号,如何设置css中字体大小？
如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS代码中,可以通过设置"font ...

html中header怎么设置,HTML中的header标签怎么用？

–

)，还可以包含文档流中的其他内容，如logo或搜索表单,还可以在header标签中包含nav标签。需要注意的是，header标签并不引入新的内容区块，而是一个区块的头部。

html中header怎么设置,HTML中的header标签怎么用？相关推荐

最新文章

热门文章