HTML5 によって提供される Side 要素タグは、現在のページまたは記事の補助情報部分を表すために使用されます。これには、参照、サイドバー、広告、ナビゲーション要素グループ、および現在のページに関連するその他の同様の項目が含まれます。またはメインコンテンツとは異なる部分。
現在の仕様によれば、side 要素の使用方法は 2 つあります:
は、メインコンテンツの補助情報の一部として記事に含まれます。コンテンツは、記事に関連する引用や語彙リストなどです。現在の記事。
ページまたはサイトのグローバル補助情報部分として記事の外で使用されます。最も典型的な形式はサイドバー (サイドバー) で、そのコンテンツはフレンドリー リンク、アフィリエイト ナビゲーション、または広告ユニットなどになります。
次のコード例は、上記の 2 つの使用方法を組み合わせたものです:
<body><header> <h1>My Blog</h1></header><article> <h1>My Blog Post</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <aside> <!-- Since this aside is contained within an article, a parser should understand that the content of this aside is directly related to the article itself. --> <h1>Glossary</h1> <dl> <dt>Lorem</dt> <dd>ipsum dolor sit amet</dd> </dl> </aside></article><aside> <!-- This aside is outside of the article. Its content is relatedto the page, but not as closely related to the above article --> <h2>Blogroll</h2> <ul> <li><a href="#">My Friend</a></li> <li><a href="#">My Other Friend</a></li> <li><a href="#">My Best Friend</a></li> </ul></aside></body>
HTML5 学習メモの簡潔版 (3): 新しい要素 hgroup、header、footer、address、nav
aside もサイドバーとは関係ありません. それは手段的なものを表しており、核心的な内容とはほとんど関係がありません。 (後で読むツールや検索エンジンが無視できる可能性があるということを意味します)
HTML5 のセクション記事の違いは何ですか?ヘッダー フッター ナビゲーションを理解するにはどうすればよいですか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
