HTML title 语法
在 HTML 中，title 标签唯一的作用就是用于定义 HTML 文档的标题。该标题会显示在浏览器的标题栏中。
语法：
<title>标题内容</title>说明：
对于 title 标签，小伙伴们需要清楚以下 2 点。
- title 标签必须放在 head 标签内部，并且一个页面应该要有且只能有一个 title 标签。
- title 标签内只能包含纯文本，不能包含其他 HTML 标签。
初学者有时候会写出下面这样的代码：
<title><strong>绿叶网</strong></title>实际上，浏览器不会把 <strong>绿叶网</strong> 解析为加粗文本，而是会直接在标题栏显示 <strong> 这些字符，非常的难看。
HTML title 摘要
| 属于 | HTML 标签 |
|---|---|
| 使用频率 | 高 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML title 示例
接下来，我们通过一个简单的例子来讲解一下 HTML title 标签是如何使用的。
示例：title 基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>绿叶网</title>
</head>
<body>
<p>为好教程，全力以赴</p>
</body>
</html>页面效果如下图所示。
分析：
在上面这个页面中，我们使用 title 标签来定义网页的标题为 “绿叶网”。
注意: title 标签定义的标题，指的是浏览器标题栏的内容，而不是文章正文中的标题（h1~h6）。
HTML title 标签的 “显示位置”
在 HTML 中，title 会在以下 3 个地方显示。
- 浏览器标题栏：title 标签的内容会在浏览器窗口顶部显示，如下图所示。
- 搜索引擎结果：title 标签的内容会在搜索引擎的结果页中显示，如下图所示。
- 收藏夹标题：当网页被添加到收藏夹或书签时，title 标签的内容会自动作为收藏夹或书签的标识，如下图所示。
HTML title 标签的 “SEO 优化”
在搜索引擎优化（SEO）中，title 标签是最重要的标签之一。精心设计的 title 标签可以帮助提高网页在搜索引擎结果中的排名，从而吸引更多流量。
对于 title 标签的 SEO 优化，最佳实践有以下几个方面。
- 准确性：选择流量较大的精准关键词进行优化。确保标题能够准确描述页面内容，让用户和搜索引擎都能明白这个页面是关于什么的。
- 简洁性：标题应该简短明了，避免过长，否则可能会在搜索结果中被截断。一般来说，建议控制在 50-60 个字符以内。
- 唯一性：每个页面的标题应该是唯一的，避免出现两个或多个页面拥有相同的标题。独特的标题可以帮助搜索引擎更好地区分页面，提升页面的权重。
- 品牌化：在标题的末尾加上你的网站名或品牌名，有助于提高品牌知名度和辨识度。比如：<title>HTML 教程 - 绿叶网 </title>。
- 避免关键词堆砌：不要过度使用关键词堆砌，这种做法不仅影响用户体验，还可能受到搜索引擎的惩罚。合理地使用关键词，让标题自然流畅。
