読者です 読者をやめる 読者になる 読者になる

ハロトレWebデザインの勉強03月14日開講クラス授業補足ブログ

aside要素

HTML5

補足的なコンテンツに使う

  • メインコンテンツに比べて重要度が低い補足的なコンテンツを扱う
  • 一般的にサイドバーに配置されるコンテンツを入れますが、ページのサイドにレイアウトしなければいけないわけではありません


《aside要素を使ったマークアップ

<section>
  <h1>セクションの見出し</h1>
  <p>主要となるコンテンツ</p>
</section>
<aside>
  <ul>
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
  </ul>
</aside>