本文作者:qiaoqingyi

舞钢网站优化招聘公告(舞钢招聘信息网)

qiaoqingyi 09-22 127

规范的命名css文件会利于seo优化吗?有经验的网站制作人员肯定明白,对于有多个栏目的大型网站而言,不可以也是不可能使用单一的css文件,但如何命名CSS文件对于新手来说是件容易出乱子的事。那么怎么规范的命名css文件呢?江西seo博主告诉大家:坚持使用统一的CSS命名规则并养成习惯,可以让你更加容易的维护、修改以前编写过的CSS代码,进而提高自己的工作效率,而且对网站优化也起着蛮好的作用,方便记忆,那么,我们如何才能将CSS的命名做得井井有条呢?

一、css文件和样式命名方法

比如:1、css文件命名

全局样式:global.css

框架布局:layout.css

字体样式:font.css

链接样式:link.css

2、css样式命名

博主就给大家列出一些常用的命名词方便大家使用

容器:container/box

头部:header

主导航:nav

网站标志:logo

大广告:banner

底部:footer

菜单:menu

列表:list

图标:ico

登录:login

二、css的优先级

行内样式(inline style) ID选择符 样式(class)、伪类(pseudo-class)和属性(attribute)选择符 类别(type),伪对象(pseudo-element)。

博主解释一下这几个的意思:

*内联样式:元素的style属性,比如

,其中的color:red;就是行内样式。

*ID选择符:元素的id属性,比如

可以用ID选择符#content

*伪类:最常见的就是a链接伪类,比如a:link,a:visited.

*属性选择符:比如div[class=demo],含有class为demo的div元素。

*类别选择器:HTML标签选择,比如div .demo,div元素下含有class为demo的元素。

*伪对象选择器:比如div:first-letter,div元素下的第一个单词。

三、CSS代码书写样式

舞钢网站优化招聘公告(舞钢招聘信息网)

其实在写css代码的时候,每个人都有自己的抒写习惯,但是标准的css书写样式如下:

.width {

width:100px;

}

总结

以上即是博主为大家分享的“规范的命名css文件会利于seo优化吗?”其实一名专业的SEOer是有很多工作要做的,其中对代码的优化就是一个很重要的环节(关于网站代码优化的更多知识可以访问《分享几个优化网站代码的方法》),为了更加符合SEO优化的规范,希望大家尽量按照上面的css方法来命名以及书写来建设自己的网站,当然这些CSS文件不用一次性全部新建出来,用到的时候在新建就行,但是在初步规划的时候一定要想到。

文章来源:https://www.zwtseo.cn/css/127.html

阅读
分享