本文摘自PHP中文网,作者寻∝梦,侵删。
本篇文章主要的介绍了关于html5 header标签的解释和html5 header标签作用的介绍,最后还做了header标签的总结。下面让我们一起来看这篇文章吧首先我们要先清楚html5 header标签怎么用?
<header>标签定义文档或者文档的一部分区域的页眉。
<header>元素应该作为介绍内容或者导航链接栏的容器。
在一个文档中,您可以定义多个<header>元素。
注释<header>标签不能被放在<footer>、<address>或者另一个<header>元素内部。
header标签元素基本用法介绍:
在HTML5版本之前习惯使用div标签布局网页,在HTML5在DIV标签基础上新增header标签元素。也叫“<header>”头部标签。以前我们在div css布局中常常把网页大致分为头部、内容、底部。对于大结构我们常常使用div里加id进行布局。而头部常常使用<div id=”header”></div>或<div class=”header”></div>进行布局,特点与传统DIV布局不同,少了div做标签,而是新增元素标签。
正应为大家公认html布局中对“header”为常用命名,所以在HTML5新增了个header标签元素。可以这样理解为什么在html5中新增header为标签元素。
除了直接使用header标签外,也可以对header设置class或id。
html5 header标签的语法结构:
header标签元素和div用法相同。有开始有闭合。
1 |
|
1.直接不给id或class
1 |
|
2.设置id
相关阅读 >>
更多相关阅读请进入《header》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者