HTMLコンテンツセクショニング:article、section、aside、nav

HTMLコンテンツセクショニング要素を正しく使用:article vs section、main vs div、navとasideがアクセシビリティのためにページ構造をどのように定義するか理解します。

Content Sectioning

詳細な説明

HTMLコンテンツセクショニング要素

コンテンツセクショニング要素はWebページの構造を定義します。ブラウザ、スクリーンリーダー、検索エンジンがコンテンツの組織を理解するために使用するドキュメントアウトラインを作成します。

article vs section、navの使用法、asideの使用法、ドキュメントアウトラインをカバーします。

ユースケース

コンテンツセクショニング要素は、すべての適切に構造化されたWebページの基盤です。スクリーンリーダーのランドマークナビゲーション、検索エンジンのコンテンツ階層理解、ブラウザリーダーモードの記事抽出に使用されます。

試してみる — HTML Element Reference

フルツールを開く