HTMLの主要なタグはいくつ？
HTMLには、文書の構造や意味を示すための様々なタグが存在します。これらのタグは、ブラウザがページを正しく表示するために非常に重要です。本記事では、HTMLの主要なタグ、特に<main>タグを中心に解説していきます。
<main>タグとは？
<main>タグは、HTML5で導入された比較的新しいタグです。このタグは、文書のメインコンテンツ、つまりそのページの主題となるコンテンツをマークアップするために使用されます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ページタイトル</title>
</head>
<body>
<header>...</header>
<main>
<!-- メインコンテンツ -->
<h1>ページのタイトル</h1>
<p>ページの説明文...</p>
</main>
<footer>...</footer>
</body>
</html>
<main>タグの使用に関する注意点
<main>タグを使用する際には、以下の点に注意する必要があります。
- 一つの文書には、<main>要素は一つだけしか存在できません。
- <main>要素は、<article>、<aside>、<footer>、<header>、<nav>要素の子孫要素として配置してはいけません。
主要なHTMLタグ一覧
以下は、<main>タグ以外にも、HTML文書を構成する上で重要なタグをまとめた表です。
| タグ | 説明 |
|---|---|
| <html> | HTML文書のルート要素 |
| <head> | 文書のメタデータなどを記述するセクション |
| <title> | 文書のタイトルを指定する |
| <body> | ブラウザに表示されるコンテンツを記述するセクション |
| <header> | 文書やセクションの見出しなどを記述する |
| <nav> | ナビゲーションメニューなどを記述する |
| <article> | 文書内の独立したコンテンツを記述する |
| <aside> | メインコンテンツとは別に、補足情報を記述する |
| <footer> | 文書やセクションのフッターなどを記述する |
よくある質問
Q1: <main>タグを使用しないとどうなるのですか？
A1: <main>タグを使用しなくても、ページは問題なく表示されます。しかし、スクリーンリーダーなどの支援技術を利用するユーザーや、検索エンジンのクローラーに対して、文書の構造を明確に伝えることができなくなります。
Q2: <main>タグはどのバージョンから使用できますか？
A2: <main>タグはHTML5から導入されたタグです。
Q3: <main>タグの中に<article>タグを含めることはできますか？
A3: いいえ、<main>タグは<article>タグの子孫要素として配置することはできません。<article>タグは独立したコンテンツをマークアップするためのタグであり、<main>タグの中に含めることは適切ではありません。