我可以在无序列表中使用<section>
标记吗?
我知道,<section>
代表文档的通用部分。通常我们会发现内向。
所以......我有产品清单。通常每页约20个。每个元素都有:
航向,
简短描述(最多255个字符),
缩略图,一些细节,按钮。
所以每个列表项都类似于section "is a thematic grouping of content, typically with a heading"
。
当然我不会使用<section>
来定型。
我认为,<section>
也可以是列表的包装器,以及列表<article>
的每个元素。
您有什么看法?
答案 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
请勿使用部分在博客文章或新闻文章中保留个人作者简介;改为使用