HTML头部（Head）是HTML文档的一个重要部分，它包含了文档的元数据，如文档的标题、字符集、样式表和脚本等。下面是一个HTML头部的实例：
html复制代码
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<!-- 文档的标题，显示在浏览器的标题栏或标签页上 --> |
|
<title>我的网页标题</title> |
|
|
|
<!-- 定义文档使用的字符编码 --> |
|
<meta charset="UTF-8"> |
|
|
|
<!-- 定义页面的描述，通常用于搜索引擎优化 --> |
|
<meta name="description" content="这是一个描述我网页内容的元标签"> |
|
|
|
<!-- 定义页面的关键词，也用于搜索引擎优化 --> |
|
<meta name="keywords" content="HTML, CSS, JavaScript, 网页开发"> |
|
|
|
<!-- 定义页面的作者 --> |
|
<meta name="author" content="你的姓名"> |
|
|
|
<!-- 定义页面的视口，用于响应式设计 --> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
|
<!-- 链接到外部的CSS样式表 --> |
|
<link rel="stylesheet" type="text/css" href="styles.css"> |
|
|
|
<!-- 链接到图标文件，通常用于浏览器标签页的图标 --> |
|
<link rel="icon" href="favicon.ico" type="image/x-icon"> |
|
|
|
<!-- 引入JavaScript脚本 --> |
|
<script src="script.js"></script> |
|
</head> |
|
<body> |
|
<!-- 页面内容将在这里开始 --> |
|
<h1>欢迎来到我的网页！</h1> |
|
<p>这是一个带有HTML头部的示例页面。</p> |
|
</body> |
|
</html> |
在这个例子中，<head>标签内包含了多个元素：
· <title> 标签定义了浏览器工具栏的标题，或者在页面被添加到收藏夹时的标题。
· <meta> 标签提供了有关HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。
· <link> 标签用于链接外部资源，如CSS样式表和图标文件。
· <script> 标签用于引入JavaScript脚本。
<meta charset="UTF-8"> 是一个非常重要的标签，它指定了文档使用的字符编码。UTF-8编码是一种国际性的编码规范，可以包含全世界各种语言的字符。
在实际开发中，还会用到更多种类的 <meta> 标签以及其它类型的头部元素，例如 <style> 用于内联CSS样式，<base> 用于为页面上的所有相对URL设置默认地址或目标，等等。
请注意，头部的内容（除了一些脚本）不会直接显示在页面上，但是对于网页的正确显示和搜索引擎优化（SEO）至关重要。
