HTML5中的header标签有哪些意思?HTML5中header标签概括运用办法
对主页的介绍:
Welcome to my homepage
My name is Donald Duck
The rest of my home page...
HTML中header标签的定义和用途:
HTML
运用注明:
用途例子:
a logo
HTML 4.01 与 HTML 5 之间的悬殊
header标签不一样于我们最熟知的head标签,header往往更常被用于定义文章的头部,下面我们就来浅析HTML5中header标签的用途:
在新的规范中header标签定义如下:
"A group of introductory or navigational aids.”
根本意思是“一组介绍性的护着导航相干的辅助内容”。字面上了解header标签不单单只是定义页头内容,也可以定义页头下列其它内容的介绍。这和我们传统的页面header定义并不完全一致。
平常-
),还可以包含标签,还可以包含表格内容、标识、搜寻表单、
百分百源码网
专注于前端后台开发授课
html5语义化标签之构造标签
article、section、hgroup、aside、nav...
...这里面包括许多东西...
在上面的构造中,我们可以看到运用header我们定义了一篇文章的标题和内容。这里header标签的运用并不是页面的页头,而是文章的页头。
所以在HTML5中,header的运用更加灵便,你可以依据你的需要来定义和组织document构造。
一样,在架构页面时,header标签个别都放在页面的顶部,但是要是你想把他放在左侧,右边甚至底部都没有关系,标签只定义了自身在页面的角色,而不是位置。固然更具搜寻引擎优化准则,重要内容最后在架构页面的时候提早。
最后因为在HTML5中header属于块元素,要是我们要在大多数主流阅读器运用的话最佳定义CSS,如下。
header { display:block;}
想看对于footer页尾标签的请点击这里:HTML5中footer标签的用途你晓得吗?,HTML5中的footer标签有哪些意思?
这篇文章把HTML5中header标签讲的很透辟,要是有其它疑难的话,可以鄙人面发问。
【