对于HTML5的网格布局,ul、li和div的语义是否正确?



例如:你有一个投资组合页面,你有6 × 6的网格格式的图像。通常,我看到很多人用ul -> li,在某些情况下,只是一堆divs。所以,我的问题是从语义上讲,是否有一种正确的方式来定义HTML5网格布局?

在HTML5社区中,任何涉及语义的内容似乎都是悬而未决的。我们只能看规范中对特定元素的规定。

<ul>元素表示无序列表。

ul元素表示一个项目列表,其中项目的顺序并不重要——也就是说,更改顺序不会实质性地改变文档的含义。

HTML列表是一组相关的项目。

<div>元素没有任何特殊意义。

当没有其他合适的元素时,div元素被用作最后的元素。否则,会导致读者的可访问性差。

<div>代表它的子节点。

因此它取决于具体的内容。<ul> -> <li>应用于相关项目的列表。根据具体情况,还可以使用其他语义标记。

我的大部分信息都来自http://www.w3.org/community/webed/wiki/HTML/Elements

最新更新