aside

構造・セクション

タグの概要タグは、本文とは関係の少ないコンテンツや補足情報を表すために使用されます。サイドバー、広告、関連記事などを配置するのに適しています。基本の書き方（構文） <aside> <p>ここにサイドバーや補

2025.07.21

タグの概要
基本の書き方（構文）
使用例（具体的なコード）
よくある注意点・間違い

タグの概要

タグは、本文とは関係の少ないコンテンツや補足情報を表すために使用されます。サイドバー、広告、関連記事などを配置するのに適しています。

基本の書き方（構文）

<aside>
  <p>ここにサイドバーや補足情報を記述します。</p>
</aside>

使用例（具体的なコード）

<aside>
  <h3>関連記事</h3>
  <ul>
    <li><a href="#">記事A</a></li>
    <li><a href="#">記事B</a></li>
    <li><a href="#">記事C</a></li>
  </ul>
</aside>

<aside>
  <img src="ad.jpg" alt="広告">
</aside>