HTML5,<section>在无序列表</section>中

时间:2011-08-24 09:59:16

标签: html html5 html-lists article

我可以在无序列表中使用<section>标记吗?

我知道,<section>代表文档的通用部分。通常我们会发现内向。

所以......我有产品清单。通常每页约20个。每个元素都有:

  • 航向,

  • 简短描述(最多255个字符),

  • 缩略图,一些细节,按钮。

所以每个列表项都类似于section "is a thematic grouping of content, typically with a heading"

当然我不会使用<section>来定型。

我认为,<section>也可以是列表的包装器,以及列表<article>的每个元素。

您有什么看法?

2 个答案:

答案 0 :(得分:6)

使用<section>标记内的<li>标记验证(您可以使用http://html5.validator.nu/上的“文字字段”选项尝试此操作),该规范似乎并不建议您不应该以这种方式使用它(见http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element),所以这对我来说似乎没问题。

<article>标记适用于“self-contained compositions”。我从来没有完全清楚在单个页面上列出的几篇博文之外的含义,但我认为产品摘要听起来也不错。因此,您对包含整个列表的<section>和每个产品<article>的第二个想法可能听起来不错。

答案 1 :(得分:0)

DO列表......

对标签切换器或内容滑块的每个部分使用部分(如果不需要无序列表)
请使用部分将冗长的“条款和条件”(或类似)页面划分为编号部分
如有必要,请对部分元素进行嵌套(与“条款和条件”页面一样)

不要列出......

请勿使用部分来划分页眉和页脚中的内容;使用div代替(见医生)
不要使用部分来包装用于DOM操作或样式的选项卡切换器 请勿使用侧栏或其他与切线相关的内容框;改为使用旁边 不要仅仅为了在某些东西周围添加边框或阴影而使用剖面;用div代替
实施人造柱时,请勿使用包装材料;再次,使用div代替
在尝试避免IE6的浮动双边距错误(或类似的布局相关问题)时,不要使用section来嵌套元素;再次,使用div
请勿使用部分在博客文章或新闻文章中保留个人作者简介;改为使用

When to Use the HTML5 “section” Element

被盗