按字母顺序排列的语义HTML

Question

我需要写一个简单的按字母顺序排列的单词列表：

  

A
   - 安道尔
   - 安哥拉
   - 安提瓜和巴布达
   - 阿根廷

     

B
   - 巴哈马
   - 巴林
   - 孟加拉国    - 巴巴多斯

（依此类推）

是否可以使用有序列表来保持我的HTML语义，然后使用CSS清除样式？

Answer 1

CSS不会影响语义。您可以以任何您想要的方式设置ol样式（显示它没有任何列表指示符，使用项目符号而不是数字，显示在一行中，在视觉上隐藏它等），它仍然是{{1}它保持了它的语义。

除非页面明确表示条目按字母顺序排序，否则使用ol代替ul可能是合适的。只有在不同的顺序改变含义时才能使用ol。

因此，如果字母顺序的唯一指标是标题（＆＃34; A＆＃34;，＆＃34; B＆＃34;等），您可以使用ol：

ul

然而，人们可能会争辩说像A＆＃34; A＆＃34;意味着条目按字母顺序排序（而不仅仅是以＆＃34; A＆＃34;开始）。在这种情况下，应使用<section> <h2>List of …</h2> <section id="a"> <h3>A</h3> <ul> <li>Andorra</li> <li>Angola</li> </ul> </section> <section id="b"> <h3>B</h3> <ul> <li>Bahamas</li> <li>Bahrain</li> </ul> </section> </section> 。