次は、asideです!
asideとは、中心ではないサブ的なコンテンツのことです。
<aside>の中身は、下の図のように考えました。
↓
文字が少ないので空白が有ることがポイントです。
この図を基に、マークアップをして見ます。
HTML
<aside>
<h2>メニュー</h2>
<h3>セクション1</h3>
<ul>
<li>・ああああ</li>
<li>・いいいいい</li>
<li>・ううううう</li>
<li>・えええええ</li>
<li>・おおおおおおおお</li>
</ul>
<h3>セクション2</h3>
<ul>
<li>・かかかかかか</li>
<li>・きききききき</li>
<li>・くくくくくく</li>
</ul>
<h3>セクション3</h3>
<ul>
<li>・ささささささ</li>
<li>・しししししし</li>
<li>・すすすすすす</li>
</ul>
</aside>
このあたりは、今までの流れですんなりできました。
続いて、CSSも設定していきましょう!