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

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

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

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

语法如下:

cd11e7487390

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

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

cd11e7487390

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值