HTML head

head 是 HTML 文档中必要的一个元素,它代表的是一个网页的头部(如下图所示)。head 标签是一个特殊标签,然后也只有一些特殊的标签才可以放在 head 标签内,其他大部分标签都是放在 body 标签内的。

HTML head标签

head 标签的作用

在 HTML 中,head 标签主要是为 “浏览器” 或 “搜索引擎” 提供一些重要信息,它的主要作用包括以下 3 个方面。

  • 搜索引擎优化(SEO):在 head 标签中通过 meta 标签,来为搜索引擎提供与该网页相关的信息,对于 SEO 极其重要。
  • 链接外部资源:比如使用 link 标签链接外部 CSS 文件,或者使用 script 标签链接外部 JavaScript 文件。
  • 为浏览器提供信息:比如使用 <meta charset="utf-8"> 告知浏览器,当前页面使用 utf-8 编码等。

head 有哪些子标签?

在 HTML 中,只有以下 6 种标签能放在 head 标签内。

在实际开发中,由于 base 标签几乎用不上,所以初学者只知道有这么一个标签即可。而其他 5 个标签都是非常重要的,需要重点了解。

提示: head 标签及其子标签比较抽象,也缺乏实操性,因为这些标签都是在实际项目中才会用到。对于初学者而言,你记不住没关系,至少有个大概的印象。等真正需要用时,可以回来翻一下这章即可。

上一篇: HTML、CSS 与 JavaScript

下一篇: HTML title

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号