# ヘッダーしたい（`header`）
```html
...
```
`header`タグは、ページや記事の冒頭に置く導入部分を表すタグです。
サイト名やロゴ、グローバルナビゲーション、検索フォームなどをまとめます。
`body`直下に置くとページ全体のヘッダーになり、
表示位置の都合で`main`タグの前に配置します。
ウェブサイト全体で共通するパーツなので、
SSGやCMSを利用している場合は
部分テンプレートとして作成しておくとよいです。
## 記事のヘッダーにしたい
```html
記事の本文...
```
`header`タグは`article`や`section`の中にも置けます。
その場合は、その記事や節の見出し・公開日・著者など、冒頭にまとまる情報を囲みます。
1つのページに`header`タグは複数あってかまいません。
ページ全体のヘッダーと、各記事のヘッダーが同時に存在する形はよくあります。
:::{note}
`header`タグの中に、別の`header`タグや`footer`タグを入れることはできません。
:::
## リファレンス
- [header](https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/header)