HTMLテンプレート【スタイルシート・ヘッダー編2】

ども、サンデーアマグラマーNorimakiです。

前回の続きですが、グローバルナビとリンクになります。
実は、この２つは構造的には同じものになっています。


divタグでグループ化していて、中はリストタグで
それぞれのリンクを表示している。


これだけです。

グローバルナビには、GlobalNavi。
リンクには、Links

というIDを付けておきました。


グローバルナビには、ulタグにIDが付いています。
これはグローバルナビで、現在位置を示すためのものです。
IDには現在のページを示す名前をつけます。

そして、liタグの各クラスには、それぞれ各ページを示す
名前をつけます。


グローバルナビで、現在表示されているページのリンクだけ
色が変わっているというようなサイトをご覧になった人も
多いかと思います。

そんな用途で使用します。


ここは、まずDivタグで括ってグループ化した後、
ulタグ、liタグでリストを作ります。

で、liタグでリンクを挟んでメニューの出来上がり。

ということになります。



ではでは。
Norimakiでした。


無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ