2010-06-02 55 views
5

我正在制作一个网站的样式表。 CSS样式名称应该与网站或内容有关?css的名字应该是?

我的网站是网络development.is使用的风格,右侧的名字 -

#web-development-header 

.web-development-company-london-content 

还是应该使用

#header 
.content 

是CSS样式名称可以帮助搜索引擎优化?

+0

NCSS是关于CSS命名约定的一篇文章:http://stackoverflow.com/questions/7927193/css-class-naming-convention/20253304#20253304 – redaxmedia 2015-07-24 20:02:11

回答

13

转到与内容相关的名称 - 这些将很容易维护。更长的字符串意味着更长的时间来加载页面。而CSS样式名称与SEO无关。

1

选择内容命名约定。

一个建议,使用名称,不描述视觉输出,因为视觉输出可能会改变,然后CSS类或id名称是误导。

例如,如果.redtext由设计师变为蓝色,那么类名称会有误导性,寻找和替换的努力是很费力的。

我建议选择名称,如.warningtext而不是.redtext

1

虽然目前您正在伦敦为Web开发公司构建网站,但当您想要在纽约的Web开发公司中重新使用代码时,会发生什么情况?或伦敦的工艺品商店呢?现在看来微不足道,因为你正在编写代码,但如果你有团队呢?最佳做法是使用对手头页面有意义的名称。如果您将页面在屏幕上,任何人都应该能够识别主要组件:页眉,页脚,导航等等等等

虽然ID和班级应该是描述像Christoper奥特曼贴(.warningtext v .redtext)没有必要让信​​息超载(.thisTextAppearsWhenTheUserEntersTheirNameInThePhoneNumberArea有点傻),所以需要平衡一下。一般来说,我会尽量使用最低限度的描述来具体标记一个部分,以便简化我的代码外观和我对速度的不健康困扰。

总之,如果你只需要正确的识别一个部分是头部,那么就使用头部。如果没有目的,则不需要引入更多信息。

1

所有其他的答案都是伟大的,但不要忘记,你还可以窝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> 
+1

不好的例子。 Ids应该是唯一的。左和右应该是类。 – MartinF 2011-06-19 00:07:21

相关问题