HTML セマンティック要素クイズ - プレイ中

1 第1問

HTMLのセマンティック要素の主な目的は何ですか？

A スタイリングを容易にするため

B 検索エンジンや支援技術にコンテンツの意味を伝えるため

C JavaScriptのパフォーマンスを向上させるため

D ブラウザのレンダリング速度を上げるため

2 第2問

ドキュメントの主要なコンテンツを表すために使用されるHTML5のセマンティック要素はどれですか？

A <div>

B <main>

C <section>

D <article>

3 第3問

ブログ記事、ニュース記事、フォーラムの投稿など、自己完結型で独立したコンテンツを表すのに最も適したHTML5のセマンティック要素はどれですか？

A <section>

B <article>

C <main>

D <div>

4 第4問

ナビゲーションリンクのグループを含むセクションを表すために使用されるHTML5のセマンティック要素はどれですか？

A <header>

B <nav>

C <ul>

D <menu>

5 第5問

メインコンテンツとは間接的に関連するが、独立して存在し得る補足的なコンテンツ（例：サイドバー、広告ブロック、用語集）を表すために使用されるHTML5のセマンティック要素はどれですか？

A <section>

B <aside>

C <footer>

D <details>

6 第6問

一般的に見出しを持つ、ドキュメントの汎用的な独立したセクションを表すために使用されるHTML5のセマンティック要素はどれですか？

A <div>

B <article>

C <section>

D <main>

7 第7問

HTML5の<header>要素の主な目的は何ですか？

A ドキュメントのフッターコンテンツを定義する

B ドキュメントまたはセクションの導入的なコンテンツ、通常は見出しやナビゲーションを含む

C ドキュメントの主要なコンテンツを定義する

D 独立した自己完結型のコンテンツを定義する

8 第8問

HTML5の<footer>要素の主な目的は何ですか？

A ドキュメントまたはセクションの導入的なコンテンツを定義する

B ドキュメントの主要なコンテンツを定義する

C ドキュメントまたはセクションのフッターを定義し、通常は著作権情報、関連リンク、著者情報などを含む

D 独立した自己完結型のコンテンツを定義する

9 第9問

画像、図、コードブロックなどのコンテンツと、それに対するキャプションをグループ化するために使用されるHTML5のセマンティック要素の組み合わせはどれですか？

A <div>と<span>

B <figure>と<figcaption>

C <image>と<captiontext>

D <picture>と<legend>

10 第10問

ウェブページで、独立して配布または再利用可能な自己完結型のコンテンツ（例：ブログ記事、ニュース記事、フォーラム投稿）を示すのに最も適切なHTMLセマンティック要素はどれでしょう？

A A. <section>

B B. <main>

C C. <article>

D D. <div>