今回は、以前のインライン化を応用したタブメニューに挑戦しましょう。完成系は、以下のようになります。 作ってみよう 一から作ってみましょう。 <ul id="tabnavi"> <li><a href="#">ホーム</a></li> <li id="here"><span>日記</span></li> <li><a href="#">掲示板</a></li> <li><a href="#">自己紹介</a></li> </ul> <div id="main"> ここに本体コンテンツ。 </div> 今回、わざわざ本体コンテンツを用意してあるのは、ちょっと特殊なことをするためです。その種明かしは、あとでします。 スタイルシートを書いていくことにします。 以前のページでしたように、まずインラインにして、それを少しばかり整形します。 #tabnavi { list-style-type: non
SEO対策講座 - HTMLを楽に管理するためのちょっとしたアイデア fseeker.jpが実践している最短距離のSEO対策。今回はHTMLに関するコラムをお届けします。 HTMLの入り組んだタグを楽に管理するためのちょっとしたアイデア div タグを使用しすぎて、あれ?このタグ、きちんと閉じタグ書いたっけ?という経験、ありませんか ちょっと HTML にも慣れてきて。ちょっと色んなタグを書いてみて。ふと出くわす意外な落とし穴。 タグの閉じ忘れ。 今回のコラムではそんな閉じ忘れを100%無くすちょっとしたアイデアをご提供します。 書き方 書き方は簡単で、以下のような書式で HTML にコメントアウトを付けるだけです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く