什么是 <head>？
在HTML文档中，<head> 元素包含了页面的元数据（metadata），
这些信息不会直接显示在网页上，但对浏览器、搜索引擎和其他网络服务至关重要。
常见 <head> 子元素
<title>：定义网页标题，显示在浏览器标签页和搜索结果中。<meta>：提供字符集、描述、关键词、视口设置等元信息。<link>：用于链接外部资源，如CSS样式表或网站图标。<style>：内嵌CSS样式（不推荐大量使用）。<script>：引入或编写JavaScript代码（通常放在<body>底部）。
示例：一个典型的 <head> 结构
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
<meta name="description" content="页面描述，用于SEO">
<meta name="keywords" content="关键词1, 关键词2">
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="/favicon.ico">
</head>为什么 <head> 对SEO重要？
搜索引擎通过 <title> 和 <meta name="description">
来理解页面内容并生成搜索结果摘要。合理设置这些元素有助于提升网页在搜索结果中的可见性和点击率。