---
url: /docs/guide/usage/linter/rules/nextjs/no-title-in-document-head.md
---

### 作用

阻止在来自 `next/document` 的 `Head` 组件中使用 `<title>`。

### 为什么这不好？

`<title>` 元素应仅用于所有页面通用的任何 `<head>` 代码。
标题标签应改为在页面级别使用 `next/head` 定义。

### 示例

以下是此规则的**错误**代码示例：

```javascript
import { Head } from "next/document";

export function Home() {
  return (
    <div>
      <Head>
        <title>My page title</title>
      </Head>
    </div>
  );
}
```

以下是此规则的**正确**代码示例：

```javascript
import Head from "next/head";

export function Home() {
  return (
    <div>
      <Head>
        <title>My page title</title>
      </Head>
    </div>
  );
}
```

## 如何使用

## 版本

此规则于 v0.2.0 中添加。

## 参考资料