1. 您的位置:首页 > seo技术 >内容

上海养站程序便宜:有利于SEO优化的DIV+CSS命名规则摘要

核心提示:有助于SEO优化的DIV+CSS命名规则摘要

首先,CSS文件和样式命名


1. css文件命名规范
全局样式:GLOBAL.CSS;
帧布局:布局规则;
字体样式:Font.css;
链接样式:link.css;
印刷风格:打印样式;


2. CSS样式命名规范


我建议:用字母,工人人数,-数字,数字,必须以字母开头,不能是纯粹的数字。为了便于样式名称管理的开发,请使用有意义的单词或缩写组合来命名,以便同事可以看到类型可能相同,以便保存搜索样式的时间,例如:
头部样式,头部左侧,可以是头部left或头部l,如果列结构可以是所以-box 1of3(三列中的第一列),box 2OF3(三列中的第二列),box 3OF3(三列中的第三列),其他我不是其中一个例子,每个人都按照上述规则命名好。
以下列出了一些常用的名字词,方便每个人使用:(在每个人之后在缓慢积累自己的单词的过程中被共享,然后每个人'生活将更加统一,只会有一个单词的情况。)


容器:容器/盒子
头部:标题
主导航:Mainnav
子导航:Subnav
顶部导航:Topnav
网站徽标:徽标
大广告:横幅
中间页面:mainbody
底部:页脚
菜单:菜单
菜单内容:menucontent
子菜单:submenu
submenu内容:Submenucontent
搜索:搜索
搜索关键词:关键字
搜索范围:范围
标签文本:标签标题
标签内容:标签内容
当前标签:标签当前/当前标签
标题:标题
内容:Con帐篷
列表:列表
当前位置:当前路径
侧边栏:侧边栏
图标:图标
注意:注意
登录:登录
注册:注册
列定义:列_1of3(三列中的第一列)
列_2OF3(三列中的第二列)
列_3OF3(三列中的第三列)


其次,使用ID和class以及差异


我们知道,当样式表定义样式时,您可以定义ID并定义类,例如:
ID方法:#test{color:#333333},call

page<中的内容;div>
class方法:。测试{color:#333333},calling

Content

在页面
ID中,页面只能使用一次,类可以引用多次。
我在IE显示的页面上使用了许多相同的ID也是正常的,ID和类好像没有什么不同,多个相同的ID有任何影响?
页面上有多个相同的ID效果,无法通过W3复选框。
在页面显示中,当前浏览器还允许您使用多个相同的ID"进行此错误;在正常情况下"也可以显示。但是当你需要使用JavaScript来控制带有ID的DIV时,会有错误。
ID是一个区分不同结构和内容的标签,就像你的名字一样,如果一个房间有两个人是相同的名称会有混淆;
Class是一种可以设置在任何结构或内容上的风格,就像一件衣服一样;
从概念上讲,它's不相同:
ID是第一个找到结构/内容,然后定义样式;class是首先定义一个样式,然后将其设置为多个结构/内容。
换句话说,我们建议当Wie Yi的结构使用ID时编写xhml+css,否则使用类条(所以让DIV块ID的非结构化定位允许程序员定义自己的用途)
网络标准要求每个人都以严格的习惯编写代码。

上海养站程序便宜


三。使用CSS缩写


使用缩写可以帮助减小CSS文件的大小并使其更易于阅读。常见CSS缩写的主要规则:
Color
16二进制的颜色值,如果每两个数字的值相同,则可以缩写一半,例如:
#000000可以写入为#000;#336699可以写入为#369;
框大小
通常有四种写入方式:
财产:value1;表示所有边都是值1;
财产:value1 value2;代表顶部和底部的值是值1,右侧和左侧值是值2
属性:value1 value2值3;代表顶部的值是值1,左右是值2,底部是值3
属性:value1 value2值3值4;这四个值依次代表上,右,下,左
方便的记忆方法是顺时针,右上和左下。边距和填充中的具体应用示例如下:
保证金:1米02em 0.5em;
Border(Border)
Border的属性如下:
Border-宽度:1px;
边界-风格:坚实;
边框颜色:#000;
可以缩写为一句话:边框:1px实心#000;
语法是边框:宽度样式颜色;
背景(背景)
背景的属性如下:
背景颜色:#f00;
背景-图片:url(background.gif);
背景-重复:不重复;
背景-a附着:固定;
背景-位置:0 0;
可以缩写为一句话:background:#f00 URL(background.gif)没有重复固定0 0;152语法厦门seo优化是B背景:彩色图像重复附件位置;
您可以省略一个或多个属性值,如果省略,属性值将在浏览器默认值中,默认值为:
颜色:透明
图片:无
重复:重复
A附着:阴囊l
位置:0%0%
字体(字体)
字体的属性如下:
字体-风格:斜体;
字体-变体:小帽;
字体-重量:大胆;
字体-尺寸:1em;
行-身高:140%;
font-family:"Lucida Grande",Sans-serif;
可以缩写为一句话:字体:斜体小帽子粗体1em/140%"Lucida Grande",Sans-serif;
请注意,如果您缩写字体定义,则必须至少定义字体大小和字体系列的两个值。
列表(列表)
取消默认的点和顺序可以像这个列表一样写-风格:无;
列表的属性如下:
列表样式-类型:正方形;
列表样式-位置:里面;
列表样式-图片:url(图片);
可以缩写为一句话:列表-风格:里面的正方形网址(图片);

1 2 3下一页>全文阅读提示:尝试"←→"按钮,将页面转为更方便的哦!

[1][2][3]下一页



本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.botadmin.cn/sylc/3824.html