HTML5 网格布局的 ul、li 和 div 语义是否正确？

Question

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

Answer 1

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

\n

\n
该<ul>元素表示无序列表。
\n
ul 元素表示项目列表，其中项目的顺序并不重要 \xe2\x80\x94 也就是说，更改顺序不会实质上改变文档的含义。
\n

\n

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

\n

\n
该<div>元素根本没有特殊含义。
\n
当没有其他元素合适时，div 元素将用作最后的元素。否则，会导致读者的可访问性较差。
\n

\n

代表<div>它的孩子。

\n

所以要看具体的内容。 <ul> -> <li>应用于相关项目的列表。根据情况，还可以使用其他语义标签。

\n

\n