このページの本文へ
ナビゲーション

サンプルダウンロード

トップページ > サンプルダウンロード > 法則16 順不同リスト(ul)と順序リスト(ol)を使い分ける

法則16 順不同リスト(ul)と順序リスト(ol)を使い分ける

リストを的確に使い分けて論理的なマークアップを目指す

XHTMLソース(ul要素)

<h3>同梱の付属品</h3>
<ul>
 <li>リモコン</li>
 <li>リモコン用充電池</li>
 <li>取り扱い説明書</li>
 <li>電源アダプタ</li>
 <li>接続用ケーブル</li>
</ul>

XHTMLソース(ol要素)

<h3>操作手順</h3>
<ol>
 <li>主電源が切れていることを確認します</li>
 <li>電源をコンセントに差し込みます</li>
 <li>主電源のスイッチをオンにします</li>
 <li>電源ランプが赤く点灯していることを確認します</li>
</ol>

定義リスト(dl)の利用方法

XHTMLソース

<dl>
 <dt>XHTML</dt>
 <dd>Extensible HyperText Markup Languageの略称。HTMLをXMLの文法に基づいて再定義したもの。</dd>
 <dt>CSS</dt>
 <dd>
  <p>Cascading Style Sheetsの略称。策定中を含め、下記の仕様が存在する。</p>
  <ol>
   <li>Cascading Style Sheets, level 1</li>
   <li>Cascading Style Sheets, level 2</li>
   <li>Cascading Style Sheets, level 2 revision 1</li>
   <li>Cascading Style Sheets, level 3</li>
  </ol>
 </dd>
</dl>
<dl>
 <dt>A課長</dt>
 <dd>明日の商談の準備はできていますか?</dd>
 <dt>Bさん</dt>
 <dd>はい。すべて整っています。</dd>
</dl>
<dl>
 <dt>2007年7月15日</dt>
 <dd>第27回創立記念式典を有明コロシアムで執り行いました。</dd>
 <dt>2007年7月10日</dt>
 <dd>新オフィスにて営業を開始いたしました。</dd>
</dl>

W3C仕様書の参照箇所

第1章 (X)HTMLの基本法則 一覧

  1. 法則1 文書構造を的確に伝える要素でマークアップする
  2. 法則2 (X)HTML文書には適合するDTDに合わせた文書型宣言を行う
  3. 法則3 HTMLとXHTMLの違いを理解して正しいマークアップを行う
  4. 法則4 文字コードを正しく宣言して文字化けを防ぐ
  5. 法則5 XHTML文書では条件付きでXML宣言を省略できる
  6. 法則6 XHTML文書のメディアタイプは「application/xhtml+xml」が基本
  7. 法則7 id属性とclass属性を目的に応じて使い分ける
  8. 法則8 XHTML文書ではCSSやJavaScriptをできるかぎり外部ファイル化する
  9. 法則9 id属性、class属性の値はCSSセレクタの命名規則に合わせて指定する
  10. 法則10 XHTML文書の公開時にHTMLとの後方互換性を確保する
  11. 法則11 (X)HTML文書のコメントは正しく書く
  12. 法則12 インデントとコメントで読みやすい(X)HTML文書を作る
  13. 法則13 (X)HTML文書には内容が伝わりやすいタイトルを設定する
  14. 法則14 既存の要素で表現できない部分にはdiv要素とspan要素を使用する
  15. 法則15 link要素で(X)HTML文書の利便性を高める
  16. 法則16 順不同リスト(ul)と順序リスト(ol)を使い分ける
  17. 法則17 引用部分と本文の差を明確にする
  18. 法則18 address要素を使用して制作者の署名を記す
  19. 法則19 略語に説明を加えて利便性を向上させる
  20. 法則20 label要素を利用してフォームを使いやすくする
  21. 法則21 入力コントロールをグループ化してフォームを整理する
  22. 法則22 Tabキーによる項目選択とキーボードショートカットで利便性を高める
  23. 法則23 項目数の多いセレクトメニューはoptgroup要素でグループ化する
  24. 法則24 alt属性ですべての画像に的確な代替テキストを付ける
  25. 法則25 アンカーテキストにはリンク先の内容を明示する
  26. 法則26 target="_blank"の使用は最低限に抑える
  27. 法則27 英単語は小文字で、略語は大文字で記述する
  28. 法則28 日付情報にはわかりやすい表記法を使用する
  29. 法則29 表のマークアップではアクセシビリティを考慮する
  30. 法則30 特別な記号は文字参照で記述する

このページのトップへ


取り扱いオンラインショップ
  • インプレスダイレクト
  • Amazon
  • 楽天ブックス
  • Kinokuniya BookWeb
  • 7&Y セブンアンドワイ
  • livedoor BOOKS