<aside>

概要

<aside> 要素は、メインコンテンツとは間接的にのみ関連するコンテンツの区画を表します。サイドバー、コールアウトボックス、広告などに使用されます。

対応ブラウザ

基本構文

<aside>
  <h3>関連リンク</h3>
  <ul>
    <li><a href="/guide">入門ガイド</a></li>
    <li><a href="/faq">よくある質問</a></li>
  </ul>
</aside>

実務での使いどころ

• <aside> の活用

  主要コンテンツとは間接的に関連するコンテンツを表す要素。サイドバーや補足情報に使用。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — <aside>