考虑到 Web 标准和语义,在编写事件列表时,我应该使用有序列表还是无序列表?

mag*_*lez 2 html web-standards semantic-markup

如果我有给定月份发生的事件列表,例如:

十月活动:

10 月 8 日 - 社区舞会 10 月 9 日 - 卡拉 OK 之夜 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>
Run Code Online (Sandbox Code Playgroud)

有序列表

<h3>October Events</h3>

<ol>
   <li>Oct. 8 - Community Dance</li>
   <li>Oct. 9 - Karaoke Night</li>
   <li>Oct. 10 - Potluck</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

如果我添加一个描述,你会改变看待它的方式吗?通过描述我可能会这样:

<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>
Run Code Online (Sandbox Code Playgroud)

那么,考虑到网络标准,编写事件列表的最语义化的方法是什么?

WBA*_*BAR 5

基于 W3C 维基 ( http://www.w3.org/wiki/HTML_lists ):

\n\n

当尝试决定使用哪种类型的列表时,您通常可以通过询问两个简单的问题来决定:

\n\n
    \n
  1. 我是在定义术语还是关联其他名称/值对?\n
      \n
    • 如果是,请使用描述列表。
    • \n
    • 如果不是,请不要\xe2\x80\x99t 使用描述列表\xe2\x80\x94 继续下一个问题。
    • \n
  2. \n
  3. 列表项的顺序重要吗?\n
      \n
    • 如果是,请使用有序列表。
    • \n
    • 如果不是,请使用无序列表。
    • \n
  4. \n
\n\n

在这里你应该使用:

\n\n
<dl>\n  <dt>Oct. 8</dt>\n  <dd>Community Dance</dd>\n  <dt>Oct. 9</dt>\n  <dd>Karaoke Night</dd>\n  <dt>Oct. 10</dt>\n  <dd>Potluck</dd>\n</dl>\n
Run Code Online (Sandbox Code Playgroud)\n

  • 您还应该合并 hCalendar 以获得额外的语义优点 http://microformats.org/wiki/hcalendar (2认同)