将<article>放入<li> s?</li> </article>是一种好习惯

时间:2013-04-25 11:12:25

标签: html5 html-lists accessibility semantics article

通常在博客的首页上,最近有几篇博文,每篇博文都是<article>。通常,博客评论也会使用<article>来标记。

我的问题是:将<article>置于<li>内是不是一个好习惯?我曾经这样做,因为在我自己的解释中,<article>一起以某种数量 / 数量的方式呈现。因此,在列出一定数量/数量的元素时,<ul><ol>是最佳选择。

但是,也许我需要重新考虑我的解释,因为将<article>放在<li>内似乎是对<li>的误用。我还想考虑辅助功能。我不确定这样做是否会导致对辅助技术的混淆。

3 个答案:

答案 0 :(得分:4)

问题实际上归结为:什么构成清单?如果它是文章列表,则应使用<li>对其进行标记。屏幕阅读器用户的优势在于屏幕阅读器可以使用语义标记来传递有用的信息。例如,通知用户他们刚刚登陆了“5个项目列表”,这有助于他们了解内容的组织方式,以及有多少内容。

也就是说,如果列表中的每个项目都很长或包含大量嵌套元素的复杂内容,我同意@IanY这可能会让人感到困惑,因为用户很难跟踪它们在哪里清单。

当内容块相对较大时,如果有视力的用户不太可能查看该内容并将其标识为项目列表,则不应使用<li>。如果您使用<article>和标题标记文章标题,则提供足够的语义以方便屏幕阅读器用户的导航。

答案 1 :(得分:1)

如果是完整的博客文章,那么文章是合适的。我不会用它来玩这个游戏。文章标签应该是可以独立存在的内容。

答案 2 :(得分:0)

  

<article>放入<li>内似乎是对<li>的误用。

怎么样?

  

我不确定这样做是否会导致对辅助技术的混淆。

据我所知。如果有的话,我会对有问题的辅助技术感到惊讶/失望。