2

次のような特定の月に行われるイベントのリストがあるとします。

10 月のイベント:

10 月 8 日 - コミュニティ ダンス 10 月 9 日 - カラオケ ナイト 10 月 10 日 - ポットラック

UL、OL などを使用して、これをコード化する最良の方法は何ですか?

順不同リスト

<h3>October Events</h3>

<ul>
   <li>Oct. 8 - Community Dance</li>
   <li>Oct. 9 - Karaoke Night</li>
   <li>Oct. 10 - Potluck</li>
</ul>

番号付きリスト

<h3>October Events</h3>

<ol>
   <li>Oct. 8 - Community Dance</li>
   <li>Oct. 9 - Karaoke Night</li>
   <li>Oct. 10 - Potluck</li>
</ol>

説明を入れると、あなたの見方が変わりますか? 説明があれば、おそらく次のようになります。

<h3>October Events</h3>

<article>
   <h4>Community Dance</h4>
   <p class="date">Oct. 8</p>
   <p>Description</p>
</article>

<article>
   <h4>Karaoke Night</h4>
   <p class="date">Oct. 9</p>
   <p>Description</p>
</article>

<article>
   <h4>Potluck</h4>
   <p class="date">Oct. 10</p>
   <p>Description</p>
</article>

では、Web 標準を念頭に置いて、イベントのリストをコード化する最もセマンティックな方法は何でしょうか?

4

2 に答える 2

5

W3C Wiki ( http://www.w3.org/wiki/HTML_lists ) に基づく:

どのタイプのリストを使用するかを決定しようとするとき、通常、次の 2 つの簡単な質問をすることで決定できます。

  1. 用語を定義したり、他の名前と値のペアを関連付けたりしていますか?
    • はいの場合は、説明リストを使用します。
    • いいえの場合は、説明リストを使用しないでください。次の質問に進みます。
  2. リスト項目の順序は重要ですか?
    • はいの場合は、順序付きリストを使用します。
    • いいえの場合は、順序なしリストを使用してください。

そしてここで使用する必要があります:

<dl>
  <dt>Oct. 8</dt>
  <dd>Community Dance</dd>
  <dt>Oct. 9</dt>
  <dd>Karaoke Night</dd>
  <dt>Oct. 10</dt>
  <dd>Potluck</dd>
</dl>
于 2012-10-08T17:24:27.383 に答える
0

これは、「Web標準」と「セマンティクス」の定義によって異なります。古い意味では、「意味論」は意味を指し、この質問は実際には構造に関するものです。、、、、、または他の何かを使用しolてもul、意味についてはあまり意味がありません。dltablediv

実用的な質問は、すべてのCSS設定が無視されたときにデータをどのように表示するかです。これは、構造の最も適切なマークアップ(1つの列の日付、別の列のイベントの名前)でもあるテーブルを必要とするようであり、拡張可能です(必要に応じて、新しい列を追加できます。たとえば、イベントの場所)。

于 2012-10-08T17:49:10.653 に答える