2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

aside要素とは? 分かりやすく解説します!

aside要素の評価
頻出度
(3.0)
重要度
(3.0)
総合評価
(3.0)




1.aside要素とは?

aside要素は、メインコンテンツからは切り離すことが可能な補足的なセクションを表す要素です。

具体的には、 補足情報、余談、広告、サイドバーの補足コンテンツなどに利用します。

article要素内などのメインコンテンツ内で使う場合は、そのメインコンテンツに関連した補足コンテンツに利用します。




2.aside要素の使い方

aside要素は補足コンテンツのセクションに利用します。

それではaside要素の使い方をみていきましょう。

・・・

<body>
<h1>記事一覧</h1>
  <article>
   <h2>記事タイトル</h2>
   <p>記事情報</p>
   <aside>
    <h3>補足情報タイトル</h3>
    <p>補足情報</p>
   </aside>
  </article>
</body>

・・・

上記のようにarticle要素内にasideを使用する際は、記事タイトルや記事情報に関連した内容にしておきましょう。




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です