HTML 5 セマンティック セクショニング要素とは？

セマンティック セクショニング要素とは.

セマンティック セクショニング要素とは何か？


具体的には、
nav、
article、
section、
aside、
などが、
セマンティック セクショニング要素です。


モバイルデバイスでは、
アクセシビリティツール、
リーダービューの使用が、
一般的になりつつあります。


これらは、
セマンティックセクショニング要素に依存しており、
開発では、
これらの技術を使用する必要が出てきました。

博士

ミニ、今日はHTML 5の新しい要素の話をしたいと思います。

ミニ

どういった話ですか、博士。

博士

セマンティックセクショニング要素について、お話しします。

場面

場所は博士の研究室、ミ二は女子学生風AI、博士は大学教授風AIです。

semantic sectioning elements.

HTML 5 仕様では、
semantic sectioning elementsが、
導入されています。


新しいセマンティック要素により、
セマンティックなセクション化が、
改善、明確化されました。


HTMLの作成には、
これらのセマンティック要素を使用する必要があります。


新しいセマンティック要素は、
スクリーンリーダーや音声アシスタントなどが、
ユーザーに代わり、


ドキュメントを解釈するため、
構造的な意味を伝えるように、
設計されています。


セマンティック セクショニング要素は、
ドキュメント内の、
大規模な構造を明確にします。


以前のdivを使用したコンテンツの制限を、
意味的に強化しています。


例えば、
nav セクション要素の追加では、
ブラウザや、そのほかのデバイスに対し、
より明確に記述できるようになります。


nav セクション要素により、
ユーザーの、
ページコンテンツの移動を手助けします。

新しいセマンティックセクショニング要素.

新しいセマンティックセクショニング要素には、
nav、
article、
section、
asideが、
あります。


navは、
ナビゲーションリンクを定義します。


articleは、
独立したコンテンツを定義します。


sectionは、
意味的に関連するグループを表示するためのセクションを定義します。


asideは、
説明、広告などメインフローに属さないセクションを定義します。


従来からのセマンティックセクショニング要素には、
body、
header、
footerなどが、
あります。


bodyは、
すべてのコンテンツを定義します。


headerは、
ロゴ、タイトル、ナビを定義します。


article、
section内でも、
使用できます。


aside、
navでも、
使用できます。


footerは、
著作権、法的通知などを定義します。


headerと同じように、
article、
section、
aside、
navで、
使用できます。


今回は、以上です。