[导入][Code]一些网页技巧

防护网页

1. 禁止打印本网页

代码：


<style media='print'>body {display:none}</style>

说明：

将这段代码加入html网页的head部分，打印菜单在IE上是使用普通的Java脚本是无法禁止的，通过上面的语句可以使打印的主体部分在打印时隐藏，从而达到无法打印的目的

2. 禁止保存网页
代码：

<SCRIPT LANGUAGE="JavaScript">

//防止全部另存为html和mht，但无法防止仅存本页和txt
if(document.all)document.write('<link rel=stylesheet type="text/css" href="/ehp_null.css">')

//禁止本地查看，不信你可以试试（先另存为，然后直接双击打开）

wside=(window.sidebar)?true:false;
var w456=false;
function f369w()

{

document.location="";w456=true;return;
}
if(window.location.protocol.indexOf("file")!=-1){f369w();}
</SCRIPT>

说明：

另存为菜单在IE上是使用普通的Java脚本是无法禁止的，而且所谓的保存禁止都是像本例一样加入一个不存在的CSS样式表或者图象，从而达到不允许保存全部的html和mht页，本例中后面的那一段函数是用来禁止保存后本地打开时显示原网页的

3. 禁止将网页上的一些公章等机密图片保存下来

代码分两段，第一段如下：

<META HTTP-EQUIV="ImageToolbar" CONTENT="No">

第一段说明：

这一段禁止IE6中出现那个浮动的图片工具栏，因为工具栏上面提供保存功能，这段代码要加入网页的head部分中

第二段代码：
<SCRIPT LANGUAGE="JavaScript">
//禁止选中
document.onselectstart=new Function("return false")
function nsel()
{
if((document.layers)||wside)
{
var qwe= document.getSelection();
if(qwe!=""){window.find(" ")};
setTimeout("nsel()",20);
}
}
nsel();
//禁止拖拉
function disdrag()
{
if(document.all)
{
document.ondragstart= new Function("return false")
for (I = 0; I< document.images.length; I++)
{

z = document.images(I);
z.galleryImg = 'no';
}
}
}
disdrag();
//禁止非法直接选中拷贝网页（不是很好，当打开这个网页时，你就别想在任何一个应用程序中进行Copy&Parse，但是这个可以防止拷贝屏幕）
function ccd(){clipboardData.clearData();}
function cce()

{

ccd();
setTimeout("cce()",30);
}
cce();
</SCRIPT>

说明：

上面这段代码禁止网页右键的弹出菜单，网页上文本和图象选取，拖拽等，最后一段代码禁止拷贝和粘贴，不推荐使用，因为它定期清除剪贴板，打开这个网页在其他程序之间就无法进行拷贝和粘贴操作

4. 禁止缓存

代码：


<META HTTP-EQUIV="Expires" CONTENT="-1">
<META HTTP-EQUIV="Pragma" CONTENT="No-Cache">

说明：

将上述代码加入网页的head段中即可
5. 其他一些功能

代码1：

<META NAME="MSSmartTagsPreventParsing" CONTENT="True">

<META HTTP-EQUIV="Expires" CONTENT="-1">
<META HTTP-EQUIV="Pragma" CONTENT="No-Cache">

<META NAME="Robots" CONTENT="NoIndex">

说明：

上面的代码需要加入到网页的head段中

代码2：

<SCRIPT LANGUAGE="JavaScript">
wside=(window.sidebar)?true:false;
var w456=false;
//禁止Opera用户
if(navigator.userAgent.indexOf('Opera')!=-1)

{

alert("This web page does not support Opera Browser.");

window.location="about:blank";
}
//禁止非发使用Iframe连接本网页
if (top.location != self.location)

{

top.location = self.location;
}
//禁止状态栏看到链接地址
function wwddd()
{
window.status=" ";
setTimeout("wwddd()",10);
}
wwddd();
//禁止非法使用（也就是检查域名不正确就重新导向正确的域名，不过用了没法使用IP直接访问，防火墙内的用户可能会看不到）
ppp34=document.referrer.toLowerCase();
if((ppp34.indexOf("http://www.your-domain.com")<0)

&&(w456==false))

this.location.href ="http://www.your-domain.com";
</SCRIPT>

打造W3C HTML 4.01標準的網站 -[]
目前使用Dreamweaver或其他網頁製作軟體做網站編輯,HTML大部份都是以HTML4.0和HTML4.01為主,但是能完全符合標準的卻不多,有些人有這樣的的想法:[能正常再瀏覽器顯示就好],有些人則不清楚原來還有W3C標準的存在,達到W3C標準其實不難,只要多注意一些細節,拷貝教學網範例語法的時候,詳細檢查一下再貼上,如果能直接編輯HTML更好,避免錯誤的發生。
以下我列出幾點是比較常見的錯誤供參考:

1.不可省略雙引號或單引號
錯誤 style=font-size:9pt
正確 style="font-size:9pt"
錯誤 <img src=bg.gif width=140 height=30 alt=text>
正確 <img src="bg.gif" width="140" height="30" alt="text">
錯誤 <a href=home>text</a>
正確 <a href="home">text</a>

HTML4.01中有些屬性值沒有加引號是可以通過測試
但在XHTML1.0引號就是必須的,所以建議養成加引號的好習慣

2.標籤必須是一對
<p> </p>
<font></font>
<div></div>
<table><tr><td></td></tr></table>

3.圖片標籤加上文字說明alt="說明"錯誤 <img src="bg.gif" height="50" border="0">
正確 <img src="bg.gif" height="50" border="0" alt="說明文字">

4.非標籤一部分的符號以編碼表示
表單內包含以下符號也必須用編碼表示
< 以 < 表示
> 以 > 表示
& 以 & 表示
程式中的連結 & 也要改用 &
錯誤 <a href="foo.cgi?chapter=1§ion=2">
正確 <a href="foo.cgi?chapter=1&section=2">

5.標籤的順序
錯誤 <b><i>文字</b></i>
正確 <b><i>文字</i></b>

6.註解文字不可包含--符號
錯誤 
正確 

7.CSS樣式表的位置與正確寫法
一定要放在<head></head>之間
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">

</style>

錯誤 <style>
正確 <style type="text/css">

8.使用表格常犯的錯誤
我們在做表格通常會指定寬與高,例如:
<table border="1" width="300" height="55">
<tr><td> 內容 </td></tr>
</table>
這樣做是沒有辦法通過,W3C建議使用CSS來控制標籤元素的高度
.table{
height:55px;
}
<table class="table">
<tr><td> TEXT </td></tr>
</table>
但是若使用太多表格,在CSS一一指定不同高,也不是好方法
其實很簡單將高度height屬性指定在儲存格就可以了通過測試
<table border="0" width="300">
<tr><td height="55"> TEXT </td></tr>
</table>
但這不是w3c希望的標準,建議能夠使用div代替不必要的table

9.同一個id選擇器不可重複使用
一個網頁中>http://jinweijie.blogspot.com/2006/08/code_30.html