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

Question

我有以下结构，对我来说真的很不错，而且我总是使用 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)？在这种情况下使用列表真的有用吗？我总是喜欢这样做，而且看起来很好。

Answer 1

它在语义上更正确。

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

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