# メインコンテンツしたい（`main`）

```html
<header>...</header>
<nav class="breadcrumbs">...</nav>

<main>
    <article>...</article>
    <aside class="related_pages">...</aside>
</main>

<aside class="sidebar">...</aside>
<footer>...</footer>
```

`main`タグでメインコンテンツを囲みます。
該当するページの中心的な内容を表すタグなので、
1つのファイルで1回だけ使用することが推奨されています。

`main`タグの子要素に
`article`（本文）タグや`aside`タグ（関連ページ）を使って
文書構造をより適切にマークアップできます。

## リファレンス

- [main](https://developer.mozilla.org/ja/docs/Web/HTML/Element/main)