欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html5标签head和header有什么区别

程序员文章站 2022-03-02 13:12:30
...

区别:1、head标签用于定义文档头部,它是所有头部元素的容器,而header标签用于定义文档的页眉(介绍信息);2、浏览器都支持head标签,而旧版本浏览器均不支持header标签,需要IE9+以上浏览器才支持header标签。

html5标签head和header有什么区别

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html5中<head>标签和<header>标签的区别

1、作用不同

head 标签用于定义文档头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

如:

<html>
  <head>
     <title>文档标题</title>
  </head>
</html>

header 标签用于定义文档的页眉(介绍信息)。

如:

<html>
  <body>
    <header>
        <p>段落</p>
        <h1>一级标题</h1>
    </header>
  </body>
</html>

注意千万不要弄混。

2、浏览器支持不同

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

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

3、支持属性不同

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

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

相关推荐:《html视频教程

以上就是html5标签head和header有什么区别的详细内容,更多请关注其它相关文章!