轻松上手,快乐学习!

HTML <title> 标签



实例

为 HTML 文档定义标题:

<!DOCTYPE html>
<html>
<head>
 <title>HTML 元素参考</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>

</body>
</html>
亲自试一试 »

定义和用法

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

<title> 标签在所有 HTML 文档中是必需的。

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

<title> 元素:

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

以下是一些创建标题的技巧:

  • 选择较长的描述性标题(避免使用一个或两个单词的标题)
  • 搜索引擎将显示大约50-60个字符的标题,所以尽量不要让标题超过50-60个字符
  • 不要只使用单词列表作为标题(这可能会降低页面在搜索结果中的位置)

所以,尽量让标题准确而有意义!

注释: HTML 文档只能有一个 <title> 元素。


浏览器支持

元素
<title> Yes Yes Yes Yes Yes

全局属性

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


相关页面

HTML 教程: HTML Head

HTML DOM 参考手册: Title 对象


默认CSS设置

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

title {
  display: none;
}