CSS类和ID结构/命名

r0s*_*kar 3 html css syntax

我是一名近两年的网络开发人员,我每天都在学习新事物,但由于我的知识越来越大,我遇到了一些基本问题,无法找到一个很好的讨论.

你如何命名你的DIV,ID,类?你给他们具体的内容相关名字吗?(即<div id="google_map">)

或者,您是否将其命名为与其在网站上的位置相关?(即<div id="content_top_bar">)

你是否也以同样的方式在你的.css中这样做了?

我希望你能得到我想要找到的东西.我想无论如何都没有"真实"的答案,但我想知道一些意见,以便我可以决定采取什么选择并在将来继续使用它.

Dan*_*Dan 6

HTML应该尽可能在语义上使用,因此您的类和ID应该根据其内容而不是它们的样式或它们在站点中的位置来命名(这些东西应该能够在不影响HTML的情况下进行更改).

例如,如果您命名a <div id="left-sidebar">然后决定要移动该元素,则id不再在语义上表示该元素.相反,如果您命名为<div id="navigation">或者<div id="article">仍然代表该元素,则无论它们在页面上的位置或样式如何.