我最近为网页创建了一个菜单，其中按钮是DIV元素。我一直在谷歌搜索，看到很多人创建UL列表，每个按钮是一个LI元素。使用UL和LI而不仅仅是DIV有什么好处？对SEO来说有点好吗？这与“语义”标记有关吗？有任何令人信服的理由将我的菜单重写为UL吗？
答案 0 :(得分：10)
这是更加语义正确的方法。菜单可以被视为无序列表（ul），每个项目都被视为列表项（li）。
过度使用div元素也称为“divitis”，应尽可能避免使用。 （当然，这并不意味着div元素本身就不好。几乎每个网页都有div的合法用例。）
使用更多语义上合理的元素没有任何功能差异，但它使代码更好，更容易阅读，并使您能够以更少的开销构建CSS定义。
比较例如
div.menu { ..... }
div.menu div.subitem { ..... }
div.menu div.level2 div.subitem { ..... }
到
ul { ..... }
ul li { ..... }
ul ul li { ..... }
可以用更合适的元素替换div s的突出示例：
正如已经说过的，菜单：<ul><li>
带有标签的表单：<fieldset><label>
标题<h1><h2>（只是标题，但不是完整的标题区域）