HTML 头部
HTML 头部
HTML 头部(<head>
)是 HTML 文档的一个关键部分,它包含了文档的元数据(meta-data)以及链接到样式表和脚本等资源的信息。本篇文章将详细解析 HTML 头部的功能、组成部分以及如何正确使用它。
1. 头部的功能
HTML 头部主要负责以下功能:
- 定义文档类型和版本:通过
<!DOCTYPE>
声明,浏览器知道当前文档所使用的 HTML 版本,并据此解析文档。 - 定义文档的字符编码:使用
<meta charset="UTF-8">
告诉浏览器文档所使用的字符编码,确保页面内容的正确显示。 - 设置文档标题:通过
<title>
元素定义页面标题,显示在浏览器的标签页和搜索结果中。 - 引入外部样式表:使用
<link>
元素链接到外部 CSS 文件,使页面样式保持独立。 - 引入外部脚本:使用
<script>
元素引入外部 JavaScript 文件,实现页面交互功能。 - 定义页面关键字和描述:使用
<meta>
元素中的name
属性,可以设置页面关键字和描述,有助于搜索引擎优化(SEO)。
2. 头部的组成部分
HTML 头部主要由以下元素组成:
<!DOCTYPE>
声明<html>
元素<head>
元素