Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
TML本身并不能完全防止用戶復(fù)制,但可以通過(guò)以下方法來(lái)增加復(fù)制的難度:
1.使用CSS禁用選擇和拷貝功能:
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
這樣可以阻止用戶通過(guò)鼠標(biāo)選擇和右鍵菜單復(fù)制網(wǎng)頁(yè)內(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;
});
這樣可以阻止用戶通過(guò)快捷鍵復(fù)制和粘貼網(wǎng)頁(yè)內(nèi)容
需要注意的是,這些方法只是增加了用戶復(fù)制的難度,并不能完全阻止用戶復(fù)制。因?yàn)橛脩艨梢酝ㄟ^(guò)其他方式來(lái)復(fù)制網(wǎng)頁(yè)內(nèi)容,如截圖、手動(dòng)輸入等。
#挑戰(zhàn)30天在頭條寫(xiě)日記#
么是css的調(diào)用方式?
簡(jiǎn)單來(lái)講,就是解決把css代碼寫(xiě)在哪里的問(wèn)題,這塊內(nèi)容之前在課堂上演示過(guò),這里再用文字說(shuō)明一下,權(quán)當(dāng)復(fù)習(xí)。
大體有以下四種方式:
1,外聯(lián)式樣式表
添加在HTML的頭部信息標(biāo)識(shí)符< head>里:
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
其中href是目標(biāo)文檔的URL, type則規(guī)定了目標(biāo)URL的MIME類(lèi)型,而media規(guī)定了文檔將顯示在什么設(shè)備上。
2,內(nèi)嵌樣式表
添加在HTML的頭部信息標(biāo)識(shí)符< head>里:
<head>
<style type="text/css">
<!-- 樣式表的具體內(nèi)容 -->
</style>
</head>
type=”text/css”表示樣式表采用MIME類(lèi)型,幫助不支持CSS的瀏覽器過(guò)濾掉CSS代碼,避免在瀏覽器面前直接以源代碼的方式顯示我們?cè)O(shè)置的樣式表。但為了保證上述情況一定不要發(fā)生,還是有必要在樣式表里加上注釋標(biāo)識(shí)符“< !--注釋內(nèi)容-->”。
3,元素內(nèi)定
語(yǔ)法:
<Tag style="properties">網(wǎng)頁(yè)內(nèi)容</tag>
舉個(gè)例子:
<p style="color: blue; font-size: 10px">CSS實(shí)例</p>
上面例子的代碼說(shuō)明:
用藍(lán)色顯示字體大小為10px的“CSS實(shí)例”。盡管使用簡(jiǎn)單、顯示直觀,但是這種方法不怎么常用,因?yàn)檫@樣添加無(wú)法完全發(fā)揮樣式表的優(yōu)勢(shì)——即內(nèi)容結(jié)構(gòu)和格式控制分別保存。
4,導(dǎo)入樣式表(高級(jí)用法,暫時(shí)先放下)
語(yǔ)法:
<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)一個(gè)頁(yè)面被加載的時(shí)候(就是被瀏覽者瀏覽的時(shí)候),link引用的CSS會(huì)同時(shí)被加載,而@import引用的CSS會(huì)等到頁(yè)面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開(kāi)始會(huì)沒(méi)有樣式(就是閃爍),網(wǎng)速慢的時(shí)候還挺明顯。
差別3:兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持,@import只有在IE5以上的才能識(shí)別,而link標(biāo)簽無(wú)此問(wèn)題。
差別4:當(dāng)使用javascript控制DOM去改變樣式的時(shí)候,只能使用link標(biāo)簽,因?yàn)锧import不是DOM可以控制的。
從上面的分析來(lái)看,還是使用link標(biāo)簽比較好。
課后練習(xí):
步驟一:新建一個(gè)名為index.html的網(wǎng)頁(yè)。
步驟二:在index.html網(wǎng)頁(yè)文檔里加入兩個(gè)p標(biāo)簽,分別在p標(biāo)簽中加入內(nèi)容(內(nèi)容隨意)
步驟三:嘗試用上面提到的前三種方式,用css代碼改變p標(biāo)簽內(nèi)容的顯示格式。
學(xué)習(xí)Java之前,我們需要了解一定的前端知識(shí)。畢竟頁(yè)面才是用戶真正看到的,而且也是體現(xiàn)Java后端邏輯結(jié)果的地方。
學(xué)習(xí)HTML后,能夠制作界面美觀大方的靜態(tài)網(wǎng)站(更復(fù)雜的功能需要JavaScript腳本一起來(lái)實(shí)現(xiàn))。
HTML制作的網(wǎng)頁(yè)。
所需要的Html開(kāi)發(fā)工具,可使用Hbuilder。
下載路徑:https://www.dcloud.io/
第一次寫(xiě)文章,不知道鏈接會(huì)不會(huì)被屏蔽,如果看不到可以自行百度,直接搜索Hbuilder,進(jìn)入官網(wǎng)下載安裝,安裝完打開(kāi)軟件后,點(diǎn)擊暫不登陸,你懂的(免費(fèi)使用)。
網(wǎng)頁(yè)一般使用Chrome,IE的兼容性比較差,學(xué)習(xí)建議使用Chrome。
下載路徑:https://www.google.cn/chrome/
作者推薦的學(xué)習(xí)用軟件,都為免費(fèi),放心下載使用。
一、在Hbuilder中如何來(lái)創(chuàng)建頁(yè)面
1、文件->新建->web項(xiàng)目
2、給項(xiàng)目起名(也可以修改路徑,命名用英文或者拼音縮寫(xiě),用中文可能開(kāi)發(fā)會(huì)出錯(cuò))
Hbulider創(chuàng)建項(xiàng)目
3、完成
4、右擊新建的項(xiàng)目:新建->HTML文件
5、為新的文件重命名,以html作為后綴
6、完成
Hbuilder創(chuàng)建Html文件
7、選擇頁(yè)面,點(diǎn)擊在瀏覽器中運(yùn)行按鈕
在瀏覽器中運(yùn)行按鈕
以下新手筆試或者面試容易考
HTML是HyperText Markup Language縮寫(xiě),意為超文本標(biāo)記語(yǔ)言,“超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接,甚至音樂(lè)、程序等非文字元素。
特點(diǎn):
1、簡(jiǎn)易性
2、可擴(kuò)展性
3、平臺(tái)無(wú)關(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)詳解:(了解即可,一般開(kāi)發(fā)軟件會(huì)自動(dòng)生成,如不生成,那就找個(gè)會(huì)生成的軟件,復(fù)制黏貼)
<!DOCTYPE html>:文件類(lèi)型聲明,H5中就這么一種寫(xiě)法。
<html>:告知瀏覽器其自身是一個(gè) HTML 文檔,限定了文檔的開(kāi)始點(diǎn)和結(jié)束點(diǎn)
<head>:文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標(biāo)題、字符集等信息。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會(huì)真正作為內(nèi)容顯示給讀者。在head中可以定義樣式,引用樣式,也可以定義腳本和引用腳本
<body>:文檔的主體部分,包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等。),body部分的內(nèi)容一般就是直接呈現(xiàn)給用戶的部分
網(wǎng)頁(yè)中的亂碼問(wèn)題:
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title></title>
</head>
<body>
<h1>Hello Java</h1>
<h2>Hello Html</h2>
你好
</body>
</html>
運(yùn)行以上代碼,可以在網(wǎng)頁(yè)中看到,“你好”兩個(gè)字為亂碼。這是<meta charset="gb2312">搞的鬼。
當(dāng)文件本身的字符集編碼以與網(wǎng)頁(yè)head部分指定的字符集編碼不一致時(shí),就會(huì)產(chǎn)生亂碼問(wèn)題,可以在head部分的meta標(biāo)簽中指定和文件一樣的字符集編碼來(lái)解決這一問(wèn)題。<meta charset="utf-8" />
從執(zhí)行上面的代碼也可以看出,html是按從上到下的順序來(lái)顯示的。
下一篇內(nèi)容:Html各種標(biāo)簽的認(rèn)識(shí)和使用。
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。