HTML怎么防止用戶復(fù)制？

TML本身并不能完全防止用戶復(fù)制，但可以通過以下方法來增加復(fù)制的難度：

1.使用CSS禁用選擇和拷貝功能：

body {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

這樣可以阻止用戶通過鼠標(biāo)選擇和右鍵菜單復(fù)制網(wǎng)頁內(nèi)容。

2.使用JavaScript禁用復(fù)制和粘貼功能：

document.addEventListener('copy', function(e){
   e.preventDefault();
   return false;
});

document.addEventListener('cut', function(e){
   e.preventDefault();
   return false;
});

document.addEventListener('paste', function(e){
   e.preventDefault();
   return false;
});

這樣可以阻止用戶通過快捷鍵復(fù)制和粘貼網(wǎng)頁內(nèi)容

需要注意的是，這些方法只是增加了用戶復(fù)制的難度，并不能完全阻止用戶復(fù)制。因為用戶可以通過其他方式來復(fù)制網(wǎng)頁內(nèi)容，如截圖、手動輸入等。

#挑戰(zhàn)30天在頭條寫日記#

么是css的調(diào)用方式？

簡單來講，就是解決把css代碼寫在哪里的問題，這塊內(nèi)容之前在課堂上演示過，這里再用文字說明一下，權(quán)當(dāng)復(fù)習(xí)。

大體有以下四種方式：

外聯(lián)式樣式表；
內(nèi)嵌樣式表；
元素內(nèi)定；
導(dǎo)入樣式表

1，外聯(lián)式樣式表

添加在HTML的頭部信息標(biāo)識符< head>里：

<head> 
        <link rel="stylesheet" href="style.css" type="text/css"> 
</head>

其中href是目標(biāo)文檔的URL， type則規(guī)定了目標(biāo)URL的MIME類型，而media規(guī)定了文檔將顯示在什么設(shè)備上。

2，內(nèi)嵌樣式表

添加在HTML的頭部信息標(biāo)識符< head>里：

<head> 
      <style type="text/css"> 
             <!-- 樣式表的具體內(nèi)容 --> 
      </style> 
</head>

type=”text/css”表示樣式表采用MIME類型，幫助不支持CSS的瀏覽器過濾掉CSS代碼，避免在瀏覽器面前直接以源代碼的方式顯示我們設(shè)置的樣式表。但為了保證上述情況一定不要發(fā)生，還是有必要在樣式表里加上注釋標(biāo)識符“< !--注釋內(nèi)容-->”。

3，元素內(nèi)定

語法：

<Tag style="properties">網(wǎng)頁內(nèi)容</tag>

舉個例子：

<p style="color: blue; font-size: 10px">CSS實例</p>

上面例子的代碼說明：

用藍(lán)色顯示字體大小為10px的“CSS實例”。盡管使用簡單、顯示直觀，但是這種方法不怎么常用，因為這樣添加無法完全發(fā)揮樣式表的優(yōu)勢——即內(nèi)容結(jié)構(gòu)和格式控制分別保存。

4，導(dǎo)入樣式表(高級用法，暫時先放下）

語法：

<style type="text/css"> 
        <!-- @import url("css/base.css"); --> 
</style>

其中外部引用CSS主要用到兩種方式link和@import

本質(zhì)上，這兩種方式都是為了加載CSS文件，但還是存在著細(xì)微的差別。

link和@import存在如下差別：

差別1：老祖宗的差別。link屬于HTML標(biāo)簽，而@import完全是CSS提供的一種方式。

link標(biāo)簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。

差別2：加載順序的差別。當(dāng)一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網(wǎng)速慢的時候還挺明顯。

差別3：兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標(biāo)簽無此問題。

差別4：當(dāng)使用javascript控制DOM去改變樣式的時候，只能使用link標(biāo)簽，因為@import不是DOM可以控制的。

從上面的分析來看，還是使用link標(biāo)簽比較好。

課后練習(xí)：

步驟一：新建一個名為index.html的網(wǎng)頁。

步驟二：在index.html網(wǎng)頁文檔里加入兩個p標(biāo)簽，分別在p標(biāo)簽中加入內(nèi)容（內(nèi)容隨意）

步驟三：嘗試用上面提到的前三種方式，用css代碼改變p標(biāo)簽內(nèi)容的顯示格式。

學(xué)習(xí)Java之前，我們需要了解一定的前端知識。畢竟頁面才是用戶真正看到的，而且也是體現(xiàn)Java后端邏輯結(jié)果的地方。

學(xué)習(xí)HTML后，能夠制作界面美觀大方的靜態(tài)網(wǎng)站（更復(fù)雜的功能需要JavaScript腳本一起來實現(xiàn)）。

HTML制作的網(wǎng)頁。

所需要的Html開發(fā)工具，可使用Hbuilder。

下載路徑：https://www.dcloud.io/

第一次寫文章，不知道鏈接會不會被屏蔽，如果看不到可以自行百度，直接搜索Hbuilder，進(jìn)入官網(wǎng)下載安裝，安裝完打開軟件后，點擊暫不登陸，你懂的（免費使用）。

網(wǎng)頁一般使用Chrome，IE的兼容性比較差，學(xué)習(xí)建議使用Chrome。

下載路徑：https://www.google.cn/chrome/

作者推薦的學(xué)習(xí)用軟件，都為免費，放心下載使用。

一、在Hbuilder中如何來創(chuàng)建頁面

1、文件->新建->web項目

2、給項目起名(也可以修改路徑，命名用英文或者拼音縮寫，用中文可能開發(fā)會出錯)

Hbulider創(chuàng)建項目

3、完成

4、右擊新建的項目：新建->HTML文件

5、為新的文件重命名，以html作為后綴

6、完成

Hbuilder創(chuàng)建Html文件

7、選擇頁面，點擊在瀏覽器中運行按鈕

在瀏覽器中運行按鈕

以下新手筆試或者面試容易考

HTML是HyperText Markup Language縮寫，意為超文本標(biāo)記語言，“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

特點：

1、簡易性

2、可擴展性

3、平臺無關(guān)性

4、通用性

HTML的結(jié)構(gòu)

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>

	<body>
		<h1>Hello Java</h1>
		<h2>Hello Html</h2>
	</body>

</html>

HTML的結(jié)構(gòu)詳解：（了解即可，一般開發(fā)軟件會自動生成，如不生成，那就找個會生成的軟件，復(fù)制黏貼）

<!DOCTYPE html>：文件類型聲明，H5中就這么一種寫法。

<html>:告知瀏覽器其自身是一個 HTML 文檔,限定了文檔的開始點和結(jié)束點

<head>:文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標(biāo)題、字符集等信息。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。在head中可以定義樣式，引用樣式，也可以定義腳本和引用腳本

<body>:文檔的主體部分，包含文檔的所有內(nèi)容（比如文本、超鏈接、圖像、表格和列表等等。），body部分的內(nèi)容一般就是直接呈現(xiàn)給用戶的部分

網(wǎng)頁中的亂碼問題：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="gb2312">
		<title></title>
	</head>
	<body>
		<h1>Hello Java</h1>
		<h2>Hello Html</h2>
		你好
	</body>
</html>

運行以上代碼，可以在網(wǎng)頁中看到，“你好”兩個字為亂碼。這是<meta charset="gb2312">搞的鬼。

當(dāng)文件本身的字符集編碼以與網(wǎng)頁head部分指定的字符集編碼不一致時，就會產(chǎn)生亂碼問題，可以在head部分的meta標(biāo)簽中指定和文件一樣的字符集編碼來解決這一問題。<meta charset="utf-8" />

從執(zhí)行上面的代碼也可以看出，html是按從上到下的順序來顯示的。

下一篇內(nèi)容：Html各種標(biāo)簽的認(rèn)識和使用。

在線咨詢

上一篇：css設(shè)置高度height: 100%滾動條無法顯示的解決辦法
下一篇：HTTP基礎(chǔ)系列之：一文搞懂URL

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

HTML怎么防止用戶復(fù)制？

您的項目需求