html5标签head和header有什么区别-前端问答-PHP中文网

html5标签head和header有什么区别

青灯夜游

发布： 2022-01-17 11:10:31

原创

9865人浏览过

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

html5标签head和header有什么区别

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

html5中标签和

标签的区别

1、作用不同

head 标签用于定义文档头部，它是所有头部元素的容器。

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

立即学习“前端免费学习笔记（深入）”；

如：

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

登录后复制

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

如：

<html>
  <body>
    <header>
        <p>段落</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1452">
                            <img src="https://img.php.cn/upload/ai_manual/001/431/639/68b6ccae3f219838.png" alt="Prisma">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1452">Prisma</a>
                            <p>Prisma是一款照片编辑工具，用户可以轻松地将照片转换成数字艺术。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="Prisma">
                                <span>92</span>
                            </div>
                        </div>
                        <a href="/ai/1452" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="Prisma">
                        </a>
                    </div>
                
        <h1>一级标题</h1>
    </header>
  </body>
</html>

登录后复制

注意千万不要弄混。

2、浏览器支持不同

标签：浏览器都支持。

标签：旧版本浏览器均不支持，需要IE9+以上浏览器、最新谷歌Chrome等浏览器才支持。

3、支持属性不同

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

标签：

标签支持 HTML 中的全局属性。