<div id=”divmain” style=”font-size:12px;”>DIV</b>
<div style=”color:red;”> 红色<b style=”color:green;”>绿色</b> </div>
———————-
<style type=”text/css”>
b { color:red;font-size:16px; } /*通用对象*/
#divmain {font-size:12px;} /* ID 对象*/
.red {color:red;}/* 定制类别*/
.red b {color:green;}/* 定制类别下的通用对象*/
</style>
<b>测试</b>
<div id=”divmain”>DIV</b>
<div> 红色<b>绿色</b> </div>
CSS 黑客防线示例文件把文字的字体、字号、颜色、背景色等统一起来,不用对每段文字单独进行
格式定义,从而减少大量重复性标签。注意把所有css 文件单独存放在命名为css 的外部文件
中。
语法: <link rel=”stylesheet” type=”text/css” href=”/common/client.css”>
作用的优先级:自身的style属性> 页面的内部style对象> 页面外部css文件。
2.JavaScript:
1. 简化js中的函数名称和变量。
例如:Google,里面的函数名称只有1 个或者2 个字符。
2. 将网页的公共部分转换为脚本并存于js 文件里。这样可以减少文件大小,加快下载速度,同
时也方便管理。不过不能将导航等等优化的关键代码转换成js,否则搜索引擎搜索不到。
转换方式:
原来:<h1>天天收藏夹</h1>
脚本:document.write(“<h1>天天收藏夹</h1>”);
例如:华军软件园源代码,将标题、导航等等都放着js文件里,将导航放在js里面就不太好
了。
3.使用base 标签:
Base 标签是一个全集控制的标签。
比如:
<A HREF=”http://www.hacker.com.cn/code/1.htm ” target=”_blank”>代码一</A>
<A HREF=”http://www.hacker.com.cn/code/2.htm ” target=”_blank”>代码一</A>
其中http://www.hacker.com.cn 和target=”_blank”: 多次重复,增加无用的代码。
修改为:
<head>
<base href=”http://www.hacker.com.cn/” target=”_blank”>
</head>
<body>
<a href=”/code/1.htm”>代码一</a>
<a href=”/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.删除空格和回车
如果要更加苛刻的黑客防线,那最后一步就是删除空格了,还可以使文件大小下降很多。
不过删除空格后的页面由于没有阶梯排列,将很难读懂。
例子:百度首页的代码就非常紧凑。
不同位置的网页优化
网站首页优化