【问题标题】:Correct semantic for listing content in (X)HTML在 (X)HTML 中列出内容的正确语义
【发布时间】:2011-06-12 09:40:04
【问题描述】:

我想知道(从语义上)构建用于列出用户、产品、文章等内容的页面的正确方法是什么。

什么是语义正确的?使用ul/ol 标签或div 标签列出项目?

页面的目的是列出一些东西。所以,我想应该使用ul/ol。另一方面,这些列表不是导航菜单或某种相关项目列表。

那么,您对此有何看法?

【问题讨论】:

    标签: html xhtml html-lists semantics markup


    【解决方案1】:

    如果是列表,则使用“ul”/“ol”标签。如果是表格数据,请使用“表格”。

    【讨论】:

    • 是的,它是一个列表。让我给你看一些例子: - 常规 wordpress 博客:hugoduraes.com div 标签用于列出文章 - 餐厅列表:igogo.pt/restaurantes ul/ol 标签用于列出餐厅 列出此类内容更正确?
    【解决方案2】:

    页面的目的是列出一些东西。

    正如您所提到的,您正在列出一些内容,因此请使用 ulol 标签 :)

    【讨论】:

    • 是的,它是一个列表。让我给你看一些例子: - 常规的 wordpress 博客:hugoduraes.com div 标签被用来列出文章 - 餐馆列表:igogo.pt/restaurantes ul/ol 标签被用来列出餐馆 列出这些更正确内容?
    【解决方案3】:

    明确列出ulol 标签。

    但是,如果您确实关心 Web 文档中的语义,请考虑使用 HTML5(现在仅重命名为 HTML)语义功能,以便在您使用任何的情况下替换非语义 div 标记。你可以在http://diveintohtml5.ep.io/semantics.html找到一个很好的介绍

    【讨论】:

    • 他不需要 HTML5 来以语义正确的方式显示一些列表。语义不是从 HTML5 开始的。
    • 我没有告诉他他需要 HTML5 来以语义正确的方式显示一些列表。不过,我已经修改了我的答案,只是为了让它的意思更清楚。
    猜你喜欢
    • 2013-09-14
    • 2015-06-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-26
    • 2011-01-30
    • 1970-01-01
    相关资源
    最近更新 更多