html - 为什么我应该在我的 HTML 中使用 UL/LI?

标签 html semantics

我有以下结构,对我来说真的很不错,而且我总是使用 HTML5:

<div class="drop-menu" data-dropmenu="language">
  <a href="language/pt-pt" class="drop-menu-link">Português <span>(Brasil)</span></a>
  <a href="language/pt-pt" class="drop-menu-link">Português <span>(Portugal)</span></a>
  <a href="language/es" class="drop-menu-link">Español</a>
  <a href="language/en" class="drop-menu-link">English</a>
  <a href="language/ja" class="drop-menu-link">日本語</a>
  <a href="language/it" class="drop-menu-link">Italiano</a>
  <a href="language/de" class="drop-menu-link">Deutsch</a>
  <a href="language/fr" class="drop-menu-link">Français</a>
</div>

那么,如果仅显示为 block 的 A 元素就可以完成工作,我为什么要使用列表结构 (ULs/LIs)?在这种情况下使用列表真的有用吗?我总是喜欢这样做,而且看起来很好。

最佳答案

它在语义上更正确。

您上面的是一个无序列表的语言。您应该使用无序列表的项目(UL 元素和 LI 元素)在语义上是正确的。

这也有助于屏幕阅读器和其他依赖于正确语义的技术发挥作用。

关于html - 为什么我应该在我的 HTML 中使用 UL/LI?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13416866/

相关文章:

html - 当用户将鼠标悬停在它上面时,我怎样才能使一个 div 与周围的 div 重叠?

Javascript 数据未在第一次加载

Python:字符串的语义相似度得分

html - 我应该优先对我的页面进行语义标记吗?或者语义网是一个永远不会真正落地的好主意?

versioning - 版本号中的各个段称为什么?

javascript - 当前从图像中删除 html 链接

html - <bdi> 和 <span dir ="auto"> 的区别

html - 如何向 CSS 新手解释 "Cascade"?

html - HTML5 &lt;header&gt;、<section> 和 &lt;footer&gt; 标签的语义到底是如何工作的?

javascript - 仅针对特定 div/s 运行 javascript