# HTML用什么标签包含文档标题
## 引言
在网页开发中，文档标题（Document Title）是网页的重要组成部分。它不仅出现在浏览器的标签页上，还会被搜索引擎用于显示搜索结果。那么，在HTML中，我们究竟应该使用哪个标签来定义文档标题呢？本文将深入探讨这一问题，并详细介绍相关的最佳实践。
---
## `<title>`标签：定义文档标题的标准方式
### 基本语法
在HTML中，文档标题是通过`<title>`标签定义的。这个标签必须位于`<head>`部分内，且一个HTML文档只能有一个`<title>`标签。
```html
<!DOCTYPE html>
<html>
<head>
<title>这里是文档标题</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
<title>内容作为搜索结果中的标题。<title>内容会默认作为书签名。虽然<title>是定义文档标题的唯一标签，但HTML中还有其他用于内容标题的标签，开发者需注意区分：
<h1>-<h6>：内容标题标签这些标签用于定义页面内容的层级标题，与文档标题无关：
<h1>主内容标题</h1>
<h2>次级标题</h2>
<h3>小标题</h3>
<header>：页眉标签包含介绍性内容或导航链接，可能包含<h1>但非文档标题。
<meta>标签的title属性某些情况下会看到：
<meta property="og:title" content="社交媒体显示的标题">
这是为社交媒体分享提供的独立标题，不影响浏览器标题。
每个页面应有独特标题，避免：
<!-- 不推荐 -->
<title>首页 | 我的网站</title>
<title>关于我们 | 我的网站</title>
可以使用HTML实体：
<title>产品目录 > 电子设备</title>
可以通过DOM API动态修改：
document.title = "新标题";
react-helmet库vue-meta插件Title服务