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

Html 考虑到web标准和语义,在编写事件列表时,我应该使用有序列表还是无序列表?,html,semantic-markup,web-standards,Html,Semantic Markup,Web Standards,如果我有一个特定月份发生的事件列表,如: 10月活动: 10月8日-社区舞蹈 10月9日-卡拉OK之夜 10月10日-运气好 最好的编码方式是什么?使用UL、OL或其他方式 无序列表 十月事件 10月8日-社区舞蹈 10月9日-卡拉OK之夜 10月10日-聚餐 有序列表 十月事件 10月8日-社区舞蹈 10月9日-卡拉OK之夜 10月10日-聚餐 如果我要包括一个描述,这会改变你看待它的方式吗?我可能会这样描述: <h3>October Events</h3>

如果我有一个特定月份发生的事件列表,如:

10月活动:

10月8日-社区舞蹈 10月9日-卡拉OK之夜 10月10日-运气好

最好的编码方式是什么?使用UL、OL或其他方式

无序列表

十月事件
  • 10月8日-社区舞蹈
  • 10月9日-卡拉OK之夜
  • 10月10日-聚餐
有序列表

十月事件
  • 10月8日-社区舞蹈
  • 10月9日-卡拉OK之夜
  • 10月10日-聚餐
  • 如果我要包括一个描述,这会改变你看待它的方式吗?我可能会这样描述:

    <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>
    
    十月事件
    社区舞蹈
    10月8日

    描述

    卡拉OK之夜 10月9日

    描述

    百家饭 10月10日

    描述

    那么,考虑到web标准,编写事件列表的最具语义的方式是什么呢?

    基于W3C Wiki():

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

  • 我是定义术语还是关联其他名称/值对?
    • 如果是,请使用说明列表
    • 如果没有,不要使用描述列表-继续下一个问题
  • 列表项的顺序重要吗?
    • 如果是,请使用有序列表
    • 如果否,请使用无序列表
  • 在这里,您应该使用:

    <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>
    
    
    10月8日
    社区舞蹈
    10月9日
    卡拉OK之夜
    10月10日
    百家饭
    
    基于W3C Wiki():

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

  • 我是定义术语还是关联其他名称/值对?
    • 如果是,请使用说明列表
    • 如果没有,不要使用描述列表-继续下一个问题
  • 列表项的顺序重要吗?
    • 如果是,请使用有序列表
    • 如果否,请使用无序列表
  • 在这里,您应该使用:

    <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>
    
    
    10月8日
    社区舞蹈
    10月9日
    卡拉OK之夜
    10月10日
    百家饭
    
    这取决于您对“web标准”和“语义”的定义。在旧的意义上,“语义学”指的是意义,而这个问题实际上是关于结构的。使用
    ol
    ul
    dl
    table
    div
    或其他一些东西并不能真正说明意义


    实际问题是:当所有CSS设置都被忽略时,您希望如何显示数据。这似乎需要一个表,它也是结构最合适的标记(一列中的日期,另一列中的事件名称),并且它也是可扩展的(如果需要,您可以添加新列,例如,事件位置的列)。

    这取决于您对“web标准”和“语义”的定义。在旧的意义上,“语义学”指的是意义,而这个问题实际上是关于结构的。使用
    ol
    ul
    dl
    table
    div
    或其他一些东西并不能真正说明意义


    实际问题是:当所有CSS设置都被忽略时,您希望如何显示数据。这似乎需要一个表,它也是结构最合适的标记(一列中的日期,另一列中的事件名称),并且它也是可扩展的(如果需要,您可以添加新列,例如,事件位置的列)。

    我不同意。我认为对于HTML来说,意义和结构是交织在一起的。在列表的情况下,使用有序列表(顺序重要)还是无序列表(顺序不重要)是有意义的。我不同意。我认为对于HTML来说,意义和结构是交织在一起的。在列表的情况下,使用有序列表(顺序重要)还是无序列表(顺序不重要)是有意义的。差点忘了它就在外面。谢谢@magzalez我以前从未使用过它,我也不知道标签的存在:Dyou还应该合并hCalendar以获得额外的语义优势@albert nice链接,你刚刚在Web设计模板中为我展示了一个全新的章节!从我这里我已经有一段时间没用过手机了。差点忘了它就在外面。谢谢@magzalez我以前从未使用过它,我也不知道标签的存在:Dyou还应该合并hCalendar以获得额外的语义优势@albert nice链接,你刚刚在Web设计模板中为我展示了一个全新的章节!从我这里
    <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>