html – CSS类和ID结构命名

html – CSS类和ID结构命名,第1张

概述我是一名近两年的网络开发人员,我每天都在学习新事物,但由于我的知识越来越大,我遇到了一些基本问题,无法找到一个很好的讨论. 你如何命名你的DIV,ID,类?你给他们具体的内容相关名字吗? (即< div id =“google_map”>) 或者,您是否将其命名为与其在网站上的位置相关? (即< div id =“content_top_bar”>) 你是否也以同样的方式在你的.css中这样做了? 我是一名近两年的网络开发人员,我每天都在学习新事物,但由于我的知识越来越大,我遇到了一些基本问题,无法找到一个很好的讨论.

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

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

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

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

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

例如,如果您将< div ID =“left-sIDebar”命名为>然后决定你想移动那个元素,ID不再在语义上代表元素.相反,如果您将< div ID =“navigation”>命名为或< div ID =“article”>无论页面上的位置或样式如何,它们仍然代表元素.

总结

以上是内存溢出为你收集整理的html – CSS类和ID结构/命名全部内容,希望文章能够帮你解决html – CSS类和ID结构/命名所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1047947.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存