|
5 S( k8 g2 V# S1 c 页面优化1）页面主题优化实事求是的写下自己网站的名字，网站的名字要合理，最好包含网站的主要内容2）页面头部优化向搜索引擎说明你的网页的关键词；5 s1 g7 `' m. M2 \; X1 O
告诉搜索引擎你的站点的主要内容；。 6 h; ~" W1 Y' I2 I7 N- ?7 k9 @7 @
说明1、“描述”部分应该用近乎描述的语言写下一段介绍你网站的文字，在这其中，你应该适当的对你网站的特色内容加以重复以求突出；2、“关键字”部分应该列出你认为合适的，能突出网站内容的关键字就可以了，关键字不要设置太多，可设置10---8个，搜索引擎只会浏览靠前的几个关键字。
2 o! e7 h0 L/ K% M 3）超链接优化1、采用纯文本链接，少用，最好是别用Flash动画设置链接，因为搜索引擎无法识别Flash上的文字.2、按规范书写超链接，这个title属性，它既可以起到提示访客的作用，也可以让搜索引擎知道它要去哪里. ! C, @% B3 h% |9 n& b/ P
3、最好别使用图片热点链接，理由和第一点差不多4）图片优化图片优化并不是修改图片的大小、颜色，而是你应该为每个标签加上alt属性，alt属性的作用是当图片无法显示时以文字作为替代显示出来，而对于SEO来说，它可以令搜索引擎有机会索引你网站上的图片，对于一些确实没什么意义的图片，最好也不要省略alt，而应该留空，即 alt=""。 7 O: ^5 J) R0 W6 j
5）PageRank（pr值,友情链接）PR值是Google提出的一个重要参数，它标明了某个网站的重要程度，那么pr值是如何确定的呢？目前普通的解释为：假如有ABC三个网站，彼此互作友情链接，那么当一个访客通过A上的友情链接来到B时，Google就认为A为B投了“一票”，同理，如果有人从C访问B，那么B又得一票，如果全世界的网站上都有B的友情链接，B就是世界上最重要的网站了！ 2 y# [0 n% k& H
可以扩展：回流(resflow) & 重绘(repaint)页面的渲染流程 
! s* |+ j* w; h+ h& A! W' `4 a$ V 什么是DOM树什么是样式结构体什么是呈现树呈现树的特点图片整合（精灵图、css sprites、css精灵、雪碧图）把网站里面的小图标有规则的整合在一起，利用 background-position 改变背景图的位置，每个图标应用。 ; F1 A6 P1 w4 ]
优点:（1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；（2）CSS Sprites能减少图片的字节； ; N+ C5 g4 ~7 `* e# N
（3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，从而提高了网页制作效率（4）CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。 & Y; k& b# d1 D
缺点:（1）图片合并麻烦：图片合并时，需要把多张图片有序的合理的合并成一张图片，并留好足够的空间防止版块出现不必要的背景（2）图片适应性差：在高分辨的屏幕下自适应页面，若图片不够宽会出现背景断裂（3）图片定位繁琐：开发时需要通过工具测量计算每个背景单元的精确位置。 0 W% i! Y7 {- x
（4）可维护性差：页面背景需要少许改动，可能要修改部分或整张已合并的图片，进而要改动css在避免改动图片的前提下，又只能（最好）往下追加图片，但这样增加了图片字节此文转载自：千锋HTML5学院原文链接：。 0 K( V' L6 i& [$ N6 S# V
HTMLCSS学习笔记（二十五）-- 页面优化Eric：HTMLCSS学习笔记（二十四）-- 浏览器兼容1 赞同 · 0 评论文章Eric：HTMLCSS学习笔记（二十三）-- GRID布局1 赞同 · 0 评论 1 J" k- L1 e3 T7 y
文章
) u/ g) g' k/ s, v; D* `1 V5 @, h* p6 K4 K
, b9 |1 v# @& r& `7 u( u5 u
: _: H$ W6 w# r, Z2 E J d
( u3 z& r: r; S- r
| 
