フッター部分とグローバルナビリンク

フッター部分、グローバルナビ直しました。

各ページに飛ぶナビメニューはほとんどの場合、リストタブを使うと思います。

< nav >
< ul >
< li > top < / li >
< li > blog < / li >
< li > scratch < / li >
< li > contact < / li >
< li > privacy-policy < / li >
< / ul >
< / nav >

というふうに。

ナビメニューにするときにはこれにもうひと手間必要です。
リンクを貼れるように < li > < / li >の中に、もう一つタブを書きます。
< a href = ” リンク先のURLなどが入ります ” > < / a >

すると、

< nav >
< ul >
< li >< a href = ” リンク先のURL ” > top < / a > < / li >
< li >< a href = ” リンク先のURL ” > blog < / a > < / li >
< li >< a href = ” リンク先のURL ” > scratch < / a > < / li >
< li >< a href = ” リンク先のURL ” > contact < / a > < / li >
< li >< a href = ” リンク先のURL ” > privacy-policy < / a > < / li >
< / ul >
< / nav >

こうなります。

で、リンク先のURLを入れて、リンクが正しく張れてるか、ページ遷移を確認してOK。

昨日、ヘッダー内のナビメニューのリンクを貼りましたが、半分しかやってなかったので、今日はヘッダーの中のナビメニュー、フッター内のナビメニューの体裁をすこーしだけ整えながらリンク貼りました。

フッターはヘッダーと同じ色を指定したつもりだけど、なんか濃い。
どっちがいいと思います?

コントラストありすぎって感じするかなあ?
デザインの基本も少しずつ覚えつつ実践していきたいです。