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

ハロトレWebデザインの勉強 | 求職者支援訓練Webサイト制作科 フェリカテクニカルアカデミー

未経験者からプロになるハロートレーニングWebデザインの勉強

aside要素

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

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


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

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