css样式类怎么命名 css样式起名
有利于SEO优化的DIV+CSS的命名规则小结
1、css样式的类名或者相关的ID名也是需要一定的规则,这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范,里面详细的说明了各个命名的规则等相关的问题。
成都创新互联公司专注于企业全网整合营销推广、网站重做改版、嘉陵网站定制设计、自适应品牌网站建设、H5页面制作、商城建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为嘉陵等各大城市提供网站开发制作服务。
2、DIV+CSS样式表命名不能随意而为,否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样,DIV+CSS样式表命名也需要遵循规则。
3、DIV+CSS达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的,可以更方便搜索引擎的索引。而Table布局会产生很多的垃圾代码,修饰的样式与布局的代码混合,很不利于直观。
4、将css和js放在外部文件中,页面html中只要放一样代码调用就可以了。减少注释,虽然注释对于程序员来说还是非常有用的,但是对于搜索引擎毫无意义减少表格,特别是嵌套表格。
5、CSS+DIV与SEO 代码技巧也是不时开展的,现在的网页制作中,更多的功用完结会借助于CSS+DIV代码,这也是今朝最利于SEO优化的技巧。
6、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是ie7或者是火狐,您的网站都能很好的兼容。搜索引擎更加友好。相对与传统的table,采用div+css技术的网页,对于搜索引擎的收录更加友好。
怎样给css样式命名
1、点击“格式”菜单,选择“CSS样式”命令,然后在子菜单中选择要应用的样式。从选定的内容中删除类样式 点击“窗口”菜单,选择“属性”命令,打开HTML属性检查器。 选择要从中删除样式的对象或文本。
2、这个时候给指定的表格对象设置样式依然可以通过CSS进行控制设置。其实有时我们这样思考将table标签当作DIV标签来布局设置CSS,就变得简单多了。
3、有时候可以给选择器添加一个表示状态的前缀,让语义更明了,比如下图是添加了“.is-”前缀。
4、在内(不是在标签内)使用标签将css样式文件链接到HTML文件内,如下面代码:注意:css样式文件名称以有意义的英文字母命名,如 main.css。rel=stylesheet type=text/css 是固定写法不可修改。
CSS布局命名规范
大小写敏感只能包含[a-zA-Z0-9]、-,其中不能以、-、0-9开头在CSS的命名规范中,名称不能以数字开始,只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。
@import main.css;这样就可以在IE4中也隐藏CSS了,呵呵,还节省了5个字节呢。
通过统一的命名规范定义命名的范围,成为CSS class & id命名空间。布局: 以语义化的单词layout作为命名空间,例如主栏布局命名 layout-main,只改变layout-命名空间后面的命名,layout始终保留。布局的命名空间为layout-xxx。
用过css hack的朋友应该知道,用下划线命名也是一种hack,如使用“_style”这样的命名,可以让ie外的大部分浏览器忽略这个样式的定义,所以使用“_”做为命名时的分隔符是不规范的。
正确命名规则如下:名称不能以数字开始,只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。同时应该注意的是,CSS中的命名是区分大小写。可以使用,也可以显示样式。
当前文章:css样式类怎么命名 css样式起名
标题链接:http://hbruida.cn/article/dgodjoh.html