HTML页面精简代码只需做好这5步（html页面精简代码只需做好这5步程序）
网站打开速度慢？网站加载图片慢？网站容易卡顿？身为站长和网站用户的你有没有遇到过这种情况？没错，这些都是网站页面体积惹的祸。解决办法是通过技术手段去掉臃肿杂乱的代码，减小网页文件大小，加快网页加载速度，替身网站打开速度。
网页精简代码主要涉及以下几个要点：
1.CSS样式精简
网页制作应通过CSS（层叠样式表单）来统一定制字体风格。例如：
(bstyle="color:red;font-size:16px;")测试(/b)
(divid="divmain"style="font-size:12px;")DIV(/b)
(divstyle="color:red;")红色(bstyle="color:green;")绿色(/b)(/div)
----------------------
(styletype="text/css")
b（color:red;font-size:16px;）/*通用对象*/
#divmain（font-size:12px;）/*ID对象*/
.red（color:red;）/*定制类别*/
.redb（color:green;）/*定制类别下的通用对象*/
(/style)
(b)测试(/b)
(divid="divmain")DIV(/b)
(divclass="red")红色(b)绿色(/b)(/div)
CSS精简代码示例文件把文字的字体、字号、颜色、背景色等统一起来，不用对每段文字单独进行格式定义，从而减少大量重复性标签。注意把所有css文件单独存放在命名为css的外部文件中。
语法：(linkrel="stylesheet"type="text/css"href="/common/client.css")
作用的优先级：自身的style属性)页面的内部style对象)页面外部css文件。
下载：css帮助
2.JavaScript精简：
1.简化js中的函数名称和变量。
例如：Google，里面的函数名称只有1个或者2个字符。
2.将网页的公共部分转换为脚本并存于js文件里。这样可以减少文件大小，加快下载速度，同时也方便管理。不过不能将导航等等优化的关键代码转换成js，否则搜索引擎搜索不到。
转换方式：
原来：(h1)天天收藏夹(/h1)
脚本：document.write(“(h1)天天收藏夹(/h1)”);
例如：华军软件园源代码，将标题、导航等等都放着js文件里，将导航放在js里面就不太好了。
3.使用base标签精简：
Base标签是一个全集控制的标签。
比如：
(AHREF="
http://www.llsffx.com/code/1.htm"target=”_blank”)代码一(/A)
(AHREF="
http://www.llsffx.com/code/2.htm"target=”_blank”)代码一(/A)
其中http://www.llsffx.com和target=”_blank”:多次重复，增加无用的代码。
修改为：
(head)
(basehref=”http://www.llsffx.com/”target=”_blank”)
(/head)
(body)
(ahref=”/code/1.htm”)代码一(/a)
(ahref=”/code/2.htm”)代码二(/a)
(/body)
4.慎用网页精简代码工具
通常的网页精简代码工具，对htm精简代码具有一定的破坏性，常常为了精简代码将标签的后半个标签删除，造成网页的不完整。
处理前：(table)(tr)(td)第一行(/td)(/tr)(tr)(td)第二行(/td)(/tr)(/table)
处理后：(table)(tr)(td)第一行(tr)(td)第二行(/table)
处理后(/td)(/tr)被去掉了，使页面不完整。
5.删除空格和回车
机智的精简代码是连多余的空格和回车都删除的一干二净。这样能够使网页文件大小下降不少。但是这样的做后果是容易使代码排列杂乱，加大程序猿修改代码进度。
注：()替换成<>和{}