html5标签head和header有什么区别

时间：2022-02-11 17:26

区别：1、head标签用于定义文档头部，它是所有头部元素的容器，而header标签用于定义文档的页眉（介绍信息）；2、浏览器都支持head标签，而旧版本浏览器均不支持header标签，需要IE9+以上浏览器才支持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 中的全局属性。

电脑软件