规范的命名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