HTML <title> 标签

定义和用法

<title> 标签定义文档的标题。标题必须是纯文本的,显示在浏览器的标题栏或页面的选项卡中。

<title> 标签在 HTML 文档中是必需的!

页面标题的内容对于搜索引擎优化 (SEO) 非常重要!搜索引擎算法使用页面标题来决定在搜索结果中列出页面时的顺序。

<title> 元素:

  • 定义浏览器工具栏中的标题
  • 添加到收藏夹时为页面提供标题
  • 在搜索引擎结果中显示页面的标题

以下是创建好的标题的一些建议:

  • 选择较长且具有描述性的标题(避免使用仅包含一个或两个单词的标题)
  • 搜索引擎将显示大约 50-60 个字符的标题,因此请尽量避免标题过长
  • 不要仅将标题设为一组单词的列表(这可能会降低页面在搜索结果中的排名)

因此,尽量使标题准确且有意义!

注意:一个 HTML 文档中不能包含多个 <title> 元素。

另请参阅:

HTML 教程:HTML 头部

HTML DOM 参考手册:Title 对象

实例

为您的 HTML 文档定义一个标题:

<!DOCTYPE html>
<html>
<head>
  <title>HTML 参考手册</title>
</head>
<body>

<h1>这是标题</h1>
<p>这是一个段落。</p>

</body>
</html>

亲自试一试

全局属性

<title> 标签还支持 HTML 中的全局属性

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <title> 元素:

title {
  display: none;
}

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持