欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

HTML網(wǎng)頁(yè)頭部代碼的示例分析

這篇文章主要為大家展示了“HTML網(wǎng)頁(yè)頭部代碼的示例分析”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML網(wǎng)頁(yè)頭部代碼的示例分析”這篇文章吧。

創(chuàng)新互聯(lián)公司專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、沙坪壩網(wǎng)絡(luò)推廣、小程序定制開(kāi)發(fā)、沙坪壩網(wǎng)絡(luò)營(yíng)銷(xiāo)、沙坪壩企業(yè)策劃、沙坪壩品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪(fǎng)、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供沙坪壩建站搭建服務(wù),24小時(shí)服務(wù)熱線(xiàn):18982081108,官方網(wǎng)址:www.chinadenli.net

知識(shí)點(diǎn)一:頭部信息里設(shè)置網(wǎng)頁(yè)的基底網(wǎng)址

基底網(wǎng)址的實(shí)質(zhì)是統(tǒng)一設(shè)置超級(jí)鏈接的屬性,基底網(wǎng)址標(biāo)簽是</base>,它有兩個(gè)屬性,href和_target。href用于設(shè)置基底網(wǎng)址的路徑,_target用于設(shè)置超級(jí)鏈接的打開(kāi)方式。

通過(guò)基底網(wǎng)址的添加,頁(yè)面中所有的相對(duì)網(wǎng)站根目錄地址可轉(zhuǎn)換成絕對(duì)地址。當(dāng)瀏覽器瀏覽頁(yè)面時(shí),通過(guò)<base>標(biāo)記將相對(duì)網(wǎng)站跟目錄地址附加在基底網(wǎng)址路徑的后面,從而轉(zhuǎn)化成絕對(duì)地址。我們首先創(chuàng)建一個(gè)base.htm,編寫(xiě)HTML代碼如下:


<html> 
<head> 
<title>基底網(wǎng)址的設(shè)置</title> 
<base href="<a href="http://www.jb51.net">http://www.jb51.net</a>" _target="_blank" /> 
</head> 
<body> 
</body> 
</html>

通過(guò)以上代碼對(duì)基底網(wǎng)址的設(shè)置。Base.htm頁(yè)面中的任何超級(jí)鏈接的地址,都將在其前面加上"http://www.jb51.net",即轉(zhuǎn)換為絕對(duì)地址。并且,頁(yè)面中的超級(jí)鏈接打開(kāi)方式都是打開(kāi)新窗口。

知識(shí)點(diǎn)二:頭部信息的元信息標(biāo)簽

元信息標(biāo)簽是頭部信息的基本標(biāo)簽,專(zhuān)業(yè)網(wǎng)頁(yè)代碼中都對(duì)元信息有詳細(xì)設(shè)置。元信息標(biāo)簽為</meta>,為單標(biāo)簽。Meta元素提供的信息對(duì)于瀏覽用戶(hù)是不可見(jiàn)的,一般用于定義頁(yè)面信息的名稱(chēng),關(guān)鍵字,作者等。在HTML頁(yè)面中,一個(gè)meta標(biāo)簽內(nèi)就是一個(gè)meta內(nèi)容,而在一個(gè)HTML頭頁(yè)面中可以有多個(gè)meta元素。

meta標(biāo)簽屬性分兩種:頁(yè)面描述屬性(name)和http標(biāo)題信息(http-equiv)。

name屬性

name屬性主要用于描述網(wǎng)頁(yè)的內(nèi)容,用于對(duì)搜索引擎的優(yōu)化,必須重點(diǎn)掌握。正確地設(shè)置name屬性,以便搜索引擎(比如google,baidu)的搜索機(jī)器人查找,分類(lèi),搜索引擎一般都會(huì)自動(dòng)查找meta值來(lái)給網(wǎng)頁(yè)分類(lèi)。name的取值如下:

<1>keywords。即關(guān)鍵字,用于說(shuō)明網(wǎng)頁(yè)所包含的關(guān)鍵字等信息,從而提高被搜索引擎搜索到的概率。編寫(xiě)格式為<meta name="keywords" content =“關(guān)鍵字”/>,content屬性的值為用戶(hù)所設(shè)置的具體關(guān)鍵字。(一般可設(shè)置多個(gè)關(guān)鍵字,他們之間用英文半角的逗號(hào)分開(kāi),搜索引擎都限制關(guān)鍵字的數(shù)量,所以關(guān)鍵字內(nèi)容要簡(jiǎn)潔精練)

<2>description。中文意思為"描述",用于描述網(wǎng)頁(yè)的主要內(nèi)容、主題等,合理設(shè)置也可以提高被搜索引擎搜索到的概率。格式為<meta name="description" content =“對(duì)頁(yè)面的描述”/>,content屬性值為用戶(hù)所設(shè)置的頁(yè)面具體描述的內(nèi)容,最多容納1024個(gè)字符,但搜索引擎一邊只顯示約前175個(gè)字符。

<3>author。作者,用于設(shè)置網(wǎng)站作者的名稱(chēng),比較專(zhuān)業(yè)的網(wǎng)站經(jīng)常用到。格式為<meta name="author" content =“作者名稱(chēng)”/>

<4>generator。生成器,用于設(shè)置網(wǎng)站編輯工具的名稱(chēng),比較專(zhuān)業(yè)的網(wǎng)站頁(yè)面上經(jīng)常用到。格式<meta name="generator" content =“網(wǎng)站編輯工具名稱(chēng)”/>

<5>robots。機(jī)器人,用于限制頁(yè)面搜索方式。搜索引擎的搜索機(jī)器人,沿著網(wǎng)頁(yè)上的鏈接(如http和src鏈接),不斷地檢索資料建立自己的數(shù)據(jù)庫(kù)。通過(guò)這種meta標(biāo)簽可以限制部分內(nèi)容不被搜索引擎檢測(cè)到,降低部分信息公開(kāi)性。編寫(xiě)格式為<meta name=“robots” content="指令組合">。該屬性的值包含4個(gè)命令,分別是index、noindex、follow、nofollow,根據(jù)排列組合,有4種組合。Index和follow組合也可稱(chēng)為all,noindex和nofollow也可稱(chēng)為none。

http-equiv屬性

http-equiv屬性的取值具體如下:

<1>content-type,內(nèi)容類(lèi)別,用于設(shè)置頁(yè)面的類(lèi)別和語(yǔ)言字符集。編寫(xiě)格式<meta http-equiv=“content-type” context=“text/html”;charset=“gb2312”/>,content屬性的值代表頁(yè)面采用HTML代碼輸出,字符集為gb2312(簡(jiǎn)體中文),國(guó)際化網(wǎng)站開(kāi)發(fā)的話(huà),為了字符統(tǒng)一,建議charset采用utf-8.

<2>refresh。刷新,用于設(shè)置多長(zhǎng)時(shí)間內(nèi)網(wǎng)頁(yè)自己刷新一次,或者用一段時(shí)間自動(dòng)跳轉(zhuǎn)到其他頁(yè)面,第一種編寫(xiě)格式<meta http-equiv=“refresh” context=“30”/>表示隔30秒刷新一次,第二種編寫(xiě)格式<meta http-equiv=“refresh” context=“30;url=www.google.com”/>,表示30秒后頁(yè)面自動(dòng)跳轉(zhuǎn)到www.google.com網(wǎng)站

<3>expires,中文意思為“到期”,用于設(shè)置頁(yè)面到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期,必須到服務(wù)器上重新調(diào)用網(wǎng)頁(yè)。第一種編寫(xiě)格式為<meta http-equiv=“expires” context=“Wed,10 Mar 2011 12:00:00 GMT”/>,content值代表網(wǎng)頁(yè)過(guò)期的時(shí)間,必須使用GMT時(shí)間格式。第二種編寫(xiě)格式為<meta http-equiv=“expires” context=“30”/>,表示多少秒后過(guò)期。

<4>cache-control,緩存控制。用于禁止在緩存中調(diào)用網(wǎng)頁(yè),編寫(xiě)格式為<meta http-equiv=“cache-control” context=“no-cache”/>,no-cache代表不允許緩存。

<5>set-cookie,設(shè)置cookie,用于設(shè)置本頁(yè)面cookie多久過(guò)期,編寫(xiě)格式為<meta http-equiv=“set-cookie” context=“Wed,10 Mar 2011 12:00:00 GMT”/>,代表到這個(gè)時(shí)間,cookie將被刪除。


知識(shí)點(diǎn)三:頭部信息實(shí)現(xiàn)與CSS及JavaScript混編

CSS負(fù)責(zé)HTML網(wǎng)頁(yè)的樣式,JaveScript負(fù)責(zé)HTML網(wǎng)頁(yè)的動(dòng)態(tài)行為。CSS和JaveScript最常用的融合方式是寫(xiě)入頭部信息部分。
<1>加入CSS只需在頭部信息中加入<style type=“text/css”></style>標(biāo)簽對(duì)。范例代碼如下
 


<html> 
<head> 
<title>CSS的設(shè)置</title> 
<style type=“text/css”> 
CSS具體內(nèi)容 
</style> 
</head> 
<body> 
</body> 
</html>

<2>加入JavaScript只需要在頭部信息中加入<script type=“text/javascript”></script>標(biāo)簽對(duì)。范例代碼如下:


<html> 
<head> 
<title>CSS的設(shè)置</title> 
<style type=“text/css”> 
CSS具體內(nèi)容 
</style> 
<script type=“text/javascript”> 
JavaScript具體內(nèi)容 
</script> 
</head> 
<body> 
</body> 
</html>

知識(shí)點(diǎn)四:常用頭部信息功能推薦

<1>頁(yè)面切換特效,其中一種特效的編寫(xiě)格式如下:
 


<meta http-equiv=“page-enter” content=“blendtrans(duration=0.5)”/>

http-equiv屬性的值為page-enter時(shí)表進(jìn)入該頁(yè)面時(shí)啟用特效,http-equiv屬性的值為page-exit時(shí)代表退出(離開(kāi))該頁(yè)面時(shí)啟用特效。

Content屬性的值代表特效的種類(lèi),這種特效也叫動(dòng)態(tài)濾鏡。濾鏡種類(lèi)很多,比如blendtrans就是很常見(jiàn)得一種,效果為淡入淡出,duration值表示效果持續(xù)的時(shí)間(單位為秒)。

另一種濾鏡特效編寫(xiě)格式如下:


<meta http-equiv=“page-enter” content=“revealTrans(duration=6)”/>

動(dòng)態(tài)濾鏡revealTrans也可用于頁(yè)面進(jìn)入與退出效果。Duration表示濾鏡特效持續(xù)時(shí)間(單位為秒),Transition是濾鏡類(lèi)型,表示想使用哪種特效,取值為0~23。

<2>強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示,可以防止網(wǎng)頁(yè)被其他網(wǎng)站框架,編寫(xiě)格式如下:
 


<meta http-equiv="window-target" content=“_top">

<3>頁(yè)面圖標(biāo)設(shè)置,編寫(xiě)格式如下:
 


<link rel="Shortcut Icon" href="/myicon.ico">

href屬性的值是ico圖標(biāo)文件的路徑,這里采用的是相對(duì)根目錄路徑

以上是“HTML網(wǎng)頁(yè)頭部代碼的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

當(dāng)前題目:HTML網(wǎng)頁(yè)頭部代碼的示例分析
網(wǎng)頁(yè)路徑:http://www.chinadenli.net/article2/gshjic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站搜索引擎優(yōu)化網(wǎng)站制作企業(yè)網(wǎng)站制作App設(shè)計(jì)外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)