今夜は、中秋の名月
風情があって和むなぁ
今日は、文書構造の塊の範囲を定義する
要素について見ていきましょう✨
グローバルナビゲーションが出たので
ローカルナビゲーションについて説明
すると、Webサイトの同じ階層にある
ページに移動するためのナビゲーション
のことを言うよ
こちらにはnav要素は使いません
aside要素
アサイドは、本編とは関連が薄かったり
本編と分離しても大丈夫な内容を
<aside>〜</aside>で囲むよ
例えば、広告やバナー、SNSのリンク
補足情報などがasideで囲う対象だよ
バナーだよ👇
section要素
Webページ内で、同じ意味や機能を
一つのまとまりとして示す際に
<section>〜</section>で囲むよ
まとまりの見出しには<h1>〜<h6>を
入れます
また、見出しをつけられない時は
<div>を使います
<div>はdivision(区分)の略ネ
article要素
ブログ記事やニュース記事の様に
時間と共に更新したり
時系列で情報を整理するものは
<article>〜</article>で囲むよ
逆に、静的で変化しないものは
sectionタグを使います
では〜