第十二篇 CSS-09

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

推荐阅读更多精彩内容