html5中<head>标签和<header>标签有什么区别

html-css040

html5中<head>标签和<header>标签有什么区别,第1张

一、指代不同

1、<head>标签:是网页的HEAD(头)部分中包含有的内置标签,用来申明使用的脚本语言,以及网页传输时使用的方式等。

2、<header>标签:header标签是HTML5新增标签元素。

二、浏览器支持不同

1、<head>标签:浏览器都支持。

2、<header>标签:旧版本浏览器均不支持,需要IE9+以上浏览器、最新谷歌Chrome等浏览器才支持。

三、支持属性不同

1、<head>标签:<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

2、<header>标签:<header>标签支持 HTML 中的全局属性。

参考资料来源:百度百科-head标签

参考资料来源:百度百科-Header

header是服务器以HTTP协议传HTML资料到浏览器前所送出的字串。

页面中header部分一般位于最上端(有时根据需要也会位于某一侧,不管它在页面中的位置如何,在XHTML代码中它总是优于其它元素先加载),内容主要包括网站名称(Logo,次级标题可能是网站的一句口号等)和网站的导航部分。在推行Web标准的现代网络中,Web中对于header的代码结构似乎已经趋于稳定化。

在HTML5版本之前习惯使用div标签布局网页,在HTML5在DIV标签基础上新增header标签元素。也叫"<header>"头部标签。

因为大家公认html布局中对"header"为常用命名,所以在HTML5新增了个header标签元素。可以这样理解为什么在html5中新增header为标签元素。

这是HTML5的新标签,这样写语义上是表示页面布局的头部。头部就是一般放LOGO和菜单导航的部分。

IE8或以下版本都不支持HTML5,但在其他所有主流浏览器中得到支持(国内基于IE内核的浏览器除外)。