Jam*_*ead 1 html css html-lists
我最近创建了一个网页菜单,其中按钮是DIV元素.我一直在谷歌搜索,看到很多人创建UL列表,每个按钮是一个LI元素.使用UL和LI而不仅仅是DIV有什么好处？对SEO来说有点好吗？这与"语义"标记有关吗？有任何令人信服的理由将我的菜单重写为UL吗？
Pek*_*ica 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>(只是标题,但不是完整的标题区域)