HTML title 语法
在 HTML 中，title 标签唯一的作用就是定义浏览器地址栏的标题。
语法：
<title>标题内容</title>
说明：
title 标签必须放在 head 标签内部，并且一个页面只能有一个 title 标签。
示例：
<!DOCTYPE html>
<html>
<head>
<title>绿叶网</title>
</head>
<body>
<p>绿叶网 - 为好教程，全力以赴</p>
</body>
</html>页面效果如下图所示。
分析：
在上面这个页面中，浏览器地址栏的标题就是 “绿叶网”。在学习阶段，为了方便测试，不必每个页面都写上 title。但在实际开发中，是要求每个页面都必须写上 title 的。
注意: title 标签定义的标题，指的是 “浏览器标题栏的内容”，而不是文章正文中的标题。
HTML title 的 “显示位置”
在 HTML 中，title 会在以下 3 个地方显示。
- 浏览器标题栏：title 标签的内容会在浏览器窗口顶部显示，如下图所示。
- 搜索引擎结果：title 标签的内容会在搜索引擎的结果页中显示，如下图所示。
- 收藏夹标题：当网页被添加到收藏夹或书签时，title 标签的内容会自动作为收藏夹或书签的标识，如下图所示。
HTML title 的 “SEO 优化”
在搜索引擎优化（SEO）中，title 标签可以说是最重要的标签了。我们需要精心设计 title 标签的内容，才能更好地提高网页在搜索引擎结果中的排名。
对于 title 标签的 SEO 优化，最佳实践有以下几个方面。
- 准确性：应该选择流量较大的精准关键词进行优化。
- 简洁性：标题应该尽量精简准确，不要过长，否则可能会被截断。
- 唯一性：当前网站所有页面的标题都应该具备唯一性，不要出现重复标题的 2 个页面或多个页面。
- 品牌化：在标题的末尾处包含你的网站名或品牌名，以提高品牌知名度和辨识度，比如：
<title>HTML 教程 - 绿叶网 </title>。 - 避免关键词堆砌：不要过度使用关键词堆砌，否则会受到搜索引擎的惩罚。
