コンテンツを区別するタグ


次に説明するラベルはbodyラベルに作成されたラベルです.これはレイアウト用のタグです.
1. <header> </header>ドキュメントタイトル領域のタグを設定します.タイトル領域は、説明またはナビゲーションを支援するグループを示します.ロゴ、パーティションタイトル、ナビゲーションフォームなど、いくつかのタイトル要素が含まれています.タイトルはページの上部領域を表します(display:block;).
見出しタグが、ドキュメント全体、パーティション要素、または分割領域のインポート部分または見出しを表す領域として決定された場合、そのタグが作成されます.
ヘッダータグには、ヘッダータグとフッタータグをサブ要素として含めることはできません.これは、フッタータグにも適用されます.
addressタグにもヘッダタグをサブ要素として含めることはできません.
見出しラベルに個別に作成された属性はありません.つまり、グローバル属性を使用します.
2. <footer> </footer>ドキュメントのツイッター領域のタグを設定します.通常、著者、著作権、関連ドキュメント(display:block;)が含まれます.
フッターは、サイトの一番下の領域を表します.
ヘッダータグと同じようにヘッダー、フッタータグのサブエレメントを含めることはできません.また、アドレスタグにサブエレメントとして作成することはできません.
ヘッダー、フッタータグ自体には、ヘッダー領域とフッター領域を設定するタグの意味があります.ブラウザまたは検索エンジンは、このタグの意味を説明し、ユーザーに表示します.レイアウトを設定するときに、そのレイアウトの意味に一致するタグがある場合は、そのタグを意味的に使用する必要があります.divラベルを使用してレイアウトを無意味に整理することは推奨されません.
ヘッダー、フッターは、レイアウトを区切る区切りマークです.デフォルトでは、このラベルに見出しを設定できます.見出しを指定するときに<h1>, <h2>, <h3>,,, <h6>を使用して見出しを挿入できます.
3. <h1>, <h2>, <h3>, ... <h6>ドキュメントの情報を階層化するためのタグ.ドキュメントまたはパーティションのタイトルを設定し、ドキュメントディレクトリのタグを設定します(display:block;).
手順6の文書タイトルを実装します.区分レベルが最も高いのは<h1>で、最も低いのは<h6>です.これらのラベルは本のカタログと似ています.
タグに作成されるプロパティは一意ではなく、グローバルプロパティを使用します.
このタグはフォントサイズとして使用できません.構造を表す場合にのみ使用します.出力された文字サイズのためにHTML表現を使用することはできません.符号をh 1-6(CSSのfont-size属性)に初期化し、明示的に指定して使用します.
すなわち、タグは、h 1〜6の前に、画面上で文字サイズを指定するためのタグではなく、意味的に大前提から6次小前提を区別するために用いられる.
タイトルラベルを作成するときにどのレベルを作成するかを考慮するよりも、タイトルに対応するコンテンツを考慮し、コンテンツがコアコンテンツの場合はタイトルラベルとしてマークします.<h1>から開始することをお勧めしません.ブラウザまたは検索エンジンでは、h 1から順にタイトルを検索し、中間の順序が空の場合、問題が発生する可能性があります.できるだけ順番に使う.<h1>のタイトルを繰り返し使用しないで、一度だけ使用することをお勧めします.完全なタイトル<h1>に記入し、<h2>の後に繰り返し使用することをお勧めします.
Sectioning Elements<section><article><nav><aside>の表記をsectioning要素と呼ぶ.これらのSectioning ELFETENTsは、モジュールを開くタグと見なすことができる.このsectioning要素には、ユニットのタイトルを表すタイトルラベルが含まれている必要があります.
デフォルトでは、Sectioning Elementは論理完了の集合を表し、各タグには付加的な意味があります.
次に、Sectioning Elementsでヘッダーとフッタータグを使用して、より構造化された寸法を作成できます.
4. <main> </main>ドキュメントの主な内容のタグ(display:block;)を使用します.
ドキュメントでキーコンテンツを指定するときに使用するタグ.文書またはアプリケーション<body>の主な内容が表示される.プライマリ・コンテンツには、コア・トピックまたはアプリケーションの重要な機能に関連するコンテンツまたは直接関連するコンテンツが含まれます.
通常、サブエレメントとして使用するよりも、他のエレメントを含む親エレメントとして使用します.
HTMLドキュメントにはmainタグが1つしか存在しません.
5. <article> </article>独立または再利用可能な領域のタグ(雑誌、ニュース原稿、ブログなど)を設定する(display:block;)
articleタグのsは、通常、<h1-6>タグの1つを作成し、作成ログと時間を<time>タグのdatetimeプロパティに設定します.
<article class="December">
    <h1>해당 영역의 제목</h1>
        <article class="first-weekend">
    	    <h2>해당 영역의 제목</h2>
            <p>해당 영역의 내용</p>
        </article>
</article>
first-weekセクションがDecemberセクションの外にあり、first-weekコンテンツがまだ価値がある場合は、articleラベル(再使用)を使用することをお勧めします.
6. <section> </section>ドキュメントの一般領域のタグを設定します(display:block;).
sectioning要素を使用して論理完了のセットをグループ化する場合は、divではなくsectionタグを使用します.
前述した記事タグのキーキーキーは独立しており、繰り返し使用できる必要があります.articleタグをまったく異なる場所から切断する場合は、articleタグを使用してコンテンツを保持します.
サブエレメントとしてarticleタグをsectionタグに含めることができ、逆にarticleタグにsectionタグをサブエレメントとして含めることができます.
sectionラベルは、領域の設定にも使用されます.通常、領域には意味があり、タイトルラベルを作成する必要があります.
divタグは通常無意味であるが、sectionタグが有意義である点が異なる.これは、sectionタグとdivタグを比較する場合、特定の領域を設定する役割は似ているが、sectionタグの違いは、意味のある領域を設定することである.
7. <aside> </aside>ドキュメントの個別コンテンツのタグを設定します.通常、広告やその他のリンクなどのエッジバーを設定します.タグにコアコンテンツに関係のないコンテンツを作成します(display:block;).
8. <nav> </nav>他のページリンクを提供する領域のタグを設定します.通常、メニュー、ディレクトリ、インデックスなどを設定します(display:block;).
特定のページの外部リンクをグループ化し、接続時にnavとマークできます.通常、メニューの組み合わせに使用されます.ラベルに多数の内容が含まれている場合は、<ul>, <ol>のラベルが挿入されて使用されます.
9. <address> </address>body、footer、articleなど、連絡情報(電子メール、電話番号、実際のアドレスなど)を提供するためのタグ(display:block;).
10. <div> </div>コンテンツ領域(display:block;)を設定し、コンテンツ領域は本質的に何も表示されません.
代表的な方法は、JavaScript、CSSでdivの領域を検索し、JavaScriptまたはCSSとして適用することです.