HTML には主要なタグがいくつありますか?

 

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>タグの中に含めることは適切ではありません。