- CSS统筹:就是告诉我们如何写网页,即写网页时的注意事项,换句话说就是页面优化
- 统筹分为:HTML文档的统筹、CSS文件的统筹、以文档为单位的文档统筹
- HTML文档的统筹
a) <tilte></title>的合理利用:在书写HTML文件时要正确填写网页的标题,标题可以是网站的名称或者是一句精简的话,用来描述网站功能
b) <meta>标签的合理利用
<meta charset=”utf-8” />:设置字符集,用来解析中文
<meta name=”keywords” content=”关键字1,关键字2,关键字3…” />,注意关键字间用逗号分隔,个数在7-10个为宜,浏览器对位于前面的关键字最为敏感
<meta name=”description” content=”描述网站的详细信息”/>,注意此处可以写一段话用来描述网站的功能,特点,作用
c) <a>的合理使用
最好给纯文本加超链接
不要或者少给Flash动画加超链接,因为浏览器对Flash动画上面的文字不敏感,不利于浏览器快速定位我们的页面
少给图片加超链接,原因同上
给超链接加title属性,此属性可以告诉网页浏览者超链接的链接对象
d) <Img>的合理利用
尽可能使用小体积图片,因为图片体积过大会影响页面加载速度
能用CSS修饰的效果就不要用图片,原因同上
给图片加alt属性,该属性可以让图片无法加载时有一个提示,该属性的值可以写,如下内容
[图片上传中。。。(1)] 图片名称或地址
[图片上传中。。。(2)] 对图片内容的描述性信息
e) 友情链接的合理利用:在页面的下端适当添加友情链接,因为友情链接涉及PR值,这个概念是谷歌公司提出的,它认为PR值越高,网站的重要性越大,但是不要盲目添加友情链接,否则谷歌公司会认为你在作弊,会清除您的PR值,设置友情链接时,需要注意以下事项
链接同类型的网站
链接知名度较高的网站
更为重要的是提升自己网站的知名度
f) 网站地图的合理利用:所谓网站地图是指网站中的一个具有大量超链接的页面,通过该页面可以访问网站各个模块,也可以给浏览器一个宏观的印象,方便浏览器快速定位网站中的页面
g) 避免大体积页面,通常认为体积超过100KB为大体积页面,之所以会出现大体积页面,可能的原因是网页结果过为复杂,所以一个原则,使用最少的代码,实现最多的效果
h) 有一个清晰的HTML文档结构 - CSS文档的统筹
a) 合理利用ID和class
ID:在书写网页结构时可以使用ID,如top/bottom/left/right/header/footer
class:在选取元素后设置样式时,通常使用class,如class=”border”
b) CSS命名规则
由字母、数字、下划线、连字符构成
不可以是数字开头
不可以包含中文
不可以是关键字
不区分大小写,但是建议用小写
见名知意
第十二篇 CSS-09
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...