Question

我正在为网站制作样式表。 css样式名称应该与网站或内容相关吗？

我的网站是关于网站开发的。这是使用样式名称的权利 -

#web-development-header

.web-development-company-london-content

或应该使用

#header
.content

是css样式名称可以帮助seo吗？

Answer 1

寻找与内容相关的名称 - 这些名称很容易维护。字符串越长意味着加载页面的时间越长。 CSS样式名称与SEO无关。

Answer 2

选择内容命名惯例。

一条建议，使用不描述视觉输出的名称，因为视觉输出可能会改变，然后CSS类或ID名称会产生误导。

例如，如果设计师将.redtext更改为蓝色，则类名会产生误导，并且查找和替换的工作费力。

我建议选择.warningtext而不是.redtext等名称。

Answer 3

虽然目前您正在为伦敦的一家网站开发公司建立一个网站，但当您想在纽约重新使用该网络开发公司的代码时会发生什么？或者在伦敦的工艺品商店怎么样？现在看起来微不足道，因为你正在编写代码，但是如果你有一个团队怎么办？最佳做法是使用对手头页面有意义的名称。如果您在屏幕上显示页面，任何人都应该能够识别主要组件：页眉，页脚，导航等等。

虽然ID和类应该像Christoper Altman发布的那样描述（.warningtext v .redtext），但是没有必要用信息重载它们（.thisTextAppearsWhenTheUserEntersTheirNameInThePhoneNumberArea有点傻）所以有平衡被击中一般来说，我尝试使用最小描述来专门标记一个部分，以简化我的代码外观和我对速度的不健康的痴迷。

简而言之，如果你需要正确识别一个部分是标题，那么使用标题。如果没有目的，则无需提供更多信息。

Answer 4

所有其他答案都很棒，但不要忘记你也可以嵌套CSS，这可以让你在命名约定上更灵活，并允许你使用简短的名字：

#header {}
   #header #left {}
   #header #right {}
.content {}
   .content #left {}
   .content #right {}



<div id="header">
   <div id="left"></div>
   <div id="right"></div>
</div>

<div class="content">
   <div id="left"></div>
   <div id="right"></div>
</div>

css名称应该是？

4 个答案: