🧙🏼 HTML構造を表す要素

HTML構造を表す要素

1. div

:コンテンツ分割要素
:ブロックレベル要素
:ストリームコンテンツ用の汎用コンテナ(純粋なコンテナ、何も表示されません)
:本質的に何も表示されません

<div>how are you today</div>

2. span

:行内コンテナ
:行内レベル要素
:本質的に何も表示されません
:属性値を共有する要素を結合できます.
🌵 span(行内要素)とdiv(ブロック要素)
(両者はよく似ていますが、要素の違いを覚えておきましょう!)

Semantic Web:要素の意味に基づいて構造を設計し、コードを記述します.
(div, span : non-semantic)

3. header

:ヘルプの紹介と参照
:タイトル、ロゴ、検索、フォーム、作成者名などの要素が含まれます.
:他のヘッダーまたはフッターは子として使用できません.
:ページタイトル、記事タイトル

4. footer

:最近のパーティションの内容またはパーティションルートのフッターを示します.
:区画の作者、著作権情報、関連書類などがあります.
( 🌵 ヘッダーとフッターは、Webサイトを参照して、元のプロンプトであることを確認できます.また、ヘッダーとフッターは意味があります.)

5. nav

:パーティション要素のナビゲート
:ドキュメントの現在のセクション
:他のページへのリンクを示す計画.
:一般的な例としては、メニュー、ディレクトリ、インデックス(リストタグ形式)があります.

6. aside

:個別のパーティション要素
:サイドバーを作成するときによく使う、または注釈ボックス.(コンテンツにのみ間接的に関連)

7. main

:bodyの主な内容
:ドキュメントに1つ以上のプライマリタグ要素は存在しないことに注意してください.
:エクスポートのアクセス性に注意してください.

8. article

:ドキュメント、ページ、アプリケーション、またはサイト(独立して配布または再利用可能なパーティション)
:掲示板やブログ記事、雑誌やニュース記事など
:articleとsectionは互いに含めることができます.
:主にタイトルh 1～h 6を付けて構成する.

9. section

:一般パーティション要素(divと比較)
:htmlドキュメントの独立したパーティションを表し、コンテキストストリームの異なる段落区分です.
:主にタイトルh 1～h 6を付けて構成する.タイトルも含まれていますが、必ずしもそうではありません.
:通常、パーティションがドキュメントの要約に論理的に表示される必要がある場合は、「section」を選択します.