---
title: Head
---
# Head

用于给 `<head>` 元素内添加 html 元素（如 title、meta、script 等），支持 `SSR`。

## 使用姿势

```tsx
import { Helmet } from '@modern-js/runtime/head';

export default () => <Helmet>...</Helmet>;
```

## 示例

```tsx
import { Helmet } from '@modern-js/runtime/head';

function IndexPage() {
  return (
    <div>
      <Helmet>
        <title>My page title</title>
        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
      </Helmet>
      <p>Hello Modern.js!</p>
    </div>
  );
}

export default IndexPage;
```

## 更多用法

详见 [react-helmet](https://github.com/nfl/react-helmet)。
