无序列表中的HTML5,<section>

Mr *_*oul 7 html article html5 html-lists

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

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

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

  • 标题,

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

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

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

当然我不用,<section>造型的目的.

我想,<section>也可以在这里作为列表的包装器,以及列表的每个元素<article>.

你有什么意见?

Pau*_*ite 6

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

<article>标签意味着"自包含的成分".我从来没有完全清楚在单个页面上列出的几篇博文之外的含义,但我认为产品摘要听起来也不错.所以你的第二个想法是<section>包含整个列表,并且<article>对于每个产品,可能听起来最好.


Ped*_*ito 0

DO 列表\xe2\x80\xa6

\n\n

请对选项卡切换器或内容滑块的每个单独部分使用节(如果不需要无序列表\xe2\x80\x99t)\
n请使用节来划分冗长的\xe2\x80\x9c术语和条件\xe2\x80\x9d (或类似的)页面进入编号部分
\n如有必要,请嵌套部分元素(就像您对\xe2\x80\x9cterms和条件\xe2\x80\x9d页面所做的那样)

\n\n

DON\xe2\x80\x99Ts\xe2\x80\xa6 的列表

\n\n

DON\xe2\x80\x99T 使用section来划分页眉和页脚的内容;使用 div 代替(去看医生)
\nDON\xe2\x80\x99T 使用section 来包装选项卡切换器以进行 DOM 操作或样式化
\nDON\xe2\x80\x99T 使用 sidebar 或其他相关内容框的section;使用 side 代替
\nDON\xe2\x80\x99T 使用section 只是为了在某些内容周围添加边框或阴影;使用 div 代替
\nDON\xe2\x80\x99T 在实现人造列时使用包装器部分;再次,使用 div 代替
\nDON\xe2\x80\x99T 在尝试避免 IE6\xe2\x80\xb2s 浮动双边距错误(或类似的布局相关问题)时使用节来嵌套元素;再次,使用 div
\nDON\xe2\x80\x99T 使用部分在博客文章或新闻文章上保存个人作者简介;使用旁边代替

\n\n

窃取自何时使用 HTML5 \xe2\x80\x9csection\xe2\x80\x9d 元素

\n

  • 我不确定我是否会在那篇文章中投入太多精力。似乎认为,当规范说“网站的主页可以分为介绍、新闻项目......”的部分时,它是在说每个新闻项目应该是“&lt;section&gt;”而不是“&lt;article” &gt;`,当它实际上意味着“&lt;section&gt;”将包含所有新闻项时,每个新闻项可能会被标记为“&lt;article&gt;”。 (3认同)