html - 对于 HTML5 网格布局，ul、li 和 divs 语义是否正确？

Question

例如。您有一个作品集页面，其中有 6 x 6 网格格式的图像。通常，我看到很多人这样做使用ul -> li，在某些情况下，只是一堆divs. 所以，我的问题是从语义上讲，是否有定义 HTML5 网格布局的正确方法？

score 0 · Accepted Answer

在 HTML5 社区中，任何涉及语义的东西似乎都悬而未决。我们只能查看规范对特定元素的说明。

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

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

HTML 列表是相关项目的组。

该<div>元素根本没有特殊含义。

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

代表它的<div>孩子。

因此，这取决于具体的内容。 <ul> -> <li>应该用于相关项目的列表。根据具体情况，可能还有其他语义标签可供使用。

1 回答 1