ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

nav要素

<nav>の使い方

<nav>はその名の通り、ナビゲーションを示す要素です。具体的には、ページのメニューなどを表すリストに使ったりします。

例えば以下のようなリストメニューに…

<ul>
<li>他のページヘのリンク</li>
<li>他のページヘのリンク</li>
<li>他のページヘのリンク</li>
</ul>

<nav>を追加すると、このようになります。

<nav>
<ul>
<li>他のページヘのリンク</li>
<li>他のページヘのリンク</li>
<li>他のページヘのリンク</li>
</ul>
</nav>

これで、機械は「ここはナビゲーション要素なんだな」と理解することができます。
ちなみに、<nav>にはセクション名(h1やh2など)を必ず付ける必要はありません。

また、すべてのリンクメニューに<nav>を付ける必要はありません。
主なリンクメニューに付けるだけでOKです。

例えば複数のナビゲーションメニューがある場合、メインとなるものに<nav>をつければOKです。

覚えておきたいポイント

ナビゲーションを示す要素

<nav>はナビゲーションを示す要素です。例えば<ul><li>などで作ったリンクメニューなどに使います。
なお、主なリンクに<nav>を付けるだけでOKです。すべてのナビゲーションに<nav>を付ける必要はありません。

aside要素
« 前のページへ article要素

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。