JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信

to-R

正しいリストの記述方法

【PR】初心者でも安心なレンタルサーバー。２６３円から使えます。
【PR】HP登録でSEO対策！アクセスアップにコチラ！

(x)htmlで深い階層があるリストを記述する際は上位の階層のli要素内にul要素を記述します。

<ul>
	<li>
		大カテゴリー
		<ul>
			<li>中カテゴリー</li>
		</ul>
	</li>
</ul>

さらに深い階層構造のリストを作成する場合は上階層の対応するli要素内に記述していく形になります。
サンプル

子孫セレクタを使用すればすべての要素に対してCSSを適応させる事は可能ですので各階層のul要素にclassやidを振る必要はありません。

また階層が深まるにつれli要素内のlist-style-typeプロパティが●(disc)→○(circle)→■(square)→■(square)...と変化していくのでCSSコーディングを始める前に、正しく記述できているかにリストプロパティの変化で確認することができます。

スポンサードリンク

• 日時: 2006年8月14日 11:53
• html

«WordPress始めました。 | メイン | インスタントストア(TM) ベータ版»

このエントリーのトラックバックURL

http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/328

コメントを投稿

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント:

認証:

Captcha:

画像の中に見える文字を入力してください。

検索

フィード

 RSSリーダーで購読する

スポンサードリンク

カテゴリー

• ajax [4]
• amazon [3]
• books [42]
• css [48]
• design [19]
• dialy [59]
• direction [2]
• firefox [14]
• flash [5]
• freelance [2]
• google [12]
• html [15]
• javascript [54]
• mac [2]
• movable type [61]
• php [28]
• sem [9]
• seo [53]
• server [9]
• spry [19]
• sql [9]
• tools [32]
• wordpress [9]

アーカイブ

• 2008年6月 [5]
• 2008年5月 [18]
• 2008年4月 [16]
• 2008年3月 [18]
• 2008年2月 [17]
• 2008年1月 [14]
• 2007年12月 [23]
• 2007年11月 [25]
• 2007年10月 [26]
• 2007年9月 [28]
• 2007年8月 [14]
• 2007年7月 [11]
• 2007年6月 [16]
• 2007年5月 [14]
• 2007年4月 [15]
• 2007年3月 [11]
• 2007年2月 [19]
• 2007年1月 [11]
• 2006年12月 [15]
• 2006年11月 [15]
• 2006年10月 [12]
• 2006年9月 [7]
• 2006年8月 [11]
• 2006年7月 [12]
• 2006年6月 [18]
• 2006年5月 [19]
• 2006年4月 [9]
• 2006年3月 [12]
• 2006年2月 [9]
• 2006年1月 [4]
• 2005年12月 [8]
• 2005年11月 [13]
• 2005年10月 [5]
• 2005年9月 [1]
• 2005年8月 [13]
• 2005年7月 [26]

最近のエントリー

• [Re:Creator's Party Kansai]第0.5回JavaScriptの記述場所 - jQueryによるJavaScript入門
• Webクリエイターという肩書き
• googleからのアクセスその後
• [Re:Creator's Kansai]第0回 jQueryによるJavaScript入門
• 3週間でマスターWebデザインの教室―未経験でもWebデザイナーになれる本
• ウェブデザイナーのための13のFirefoxのアドオン
• Re:Creator's Party Kansaiブログ始まります
• re:マルチシートアプローチとかクラス名とか
• Slice Imageでサイトを高速化
• データベースの論理削除と物理削除

コンテンツ

• 当サイトについて
• ブックマーク
• タグ一覧
• お問い合わせ

リンク

• WEBクリエイターSOHP
• twitter

このblogを書いてる人

西畑一馬(to-R代表)
Kazuma Nishihata
Webクリエイター

photo by
s-style-arts

items

タグクラウド

(x)html a adobe AdSense ajax alphafilter.js blog book CGIPath cms CSRF css cssnite csv dell display dl dom dt Fastladder feed Feedburner FFFTP firebug firefox flash float google Greasemonkey heightLine.js ie IE6 javascript jQuery jsライブラリ li LightBox Livedoor Reader livedoorクリップ lpo mac max-height max-width meta min-height min-width mixi Movable Type MT ol onload Opera pagerank pc photo php position Prototype.js qrコード Re:Creator's Party Kansai rss sbm sbo script.aculo.us Scuttle sem seo SEO対策 smo SpamLookup spry table tool Twitter ul urlエンコード URL短縮 vertical-align Virtual PC webSig24/7 webクリエイター Webディレクター web標準 Web標準の日々 wordpress Wordpress xhtml XML yahoo Yahoo!ブログ検索 あわせて読みたい お問い合わせフォーム はてな アップデート アドオン アルファ画像 カスタムフィールド カラム キーワードアドバイスツール キーワード出現頻度解析 クリエイティブ・コモンズ クリック クリップボード グローバル・タグ・アトリビュート コンテスト コード スタイルシート セキュリティー セミナー タグクラウド ツールチップ トラックバック バグ ビジネスエクスプレス フィード ブックマークレット プラグイン マークアップエンジニア モバイル ユーザビリティ ライブラリ ロールオーバー 一言いっとくか 再構築 勉強会 動画 拡張機能 書評 検索エンジン 検証 独立 画像置換 百度 経度緯度検索 解析 透過png

Movable Type

© 2007 [to-R]JavaScript,SEO対策,CSS,Movable Typeなどの情報を発信 some Rights Reserved.