知識(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，編寫HTML代碼如下：
代碼如下:
<html>
<head>
<title>基底網(wǎng)址的設(shè)置</title>
<base href="<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)簽，專業(yè)網(wǎng)頁(yè)代碼中都對(duì)元信息有詳細(xì)設(shè)置。元信息標(biāo)簽為</meta>，為單標(biāo)簽。Meta元素提供的信息對(duì)于瀏覽用戶是不可見(jiàn)的，一般用于定義頁(yè)面信息的名稱，關(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ī)器人查找，分類，搜索引擎一般都會(huì)自動(dòng)查找meta值來(lái)給網(wǎng)頁(yè)分類。name的取值如下：
<1>keywords。即關(guān)鍵字，用于說(shuō)明網(wǎng)頁(yè)所包含的關(guān)鍵字等信息，從而提高被搜索引擎搜索到的概率。編寫格式為<meta name="keywords" content =“關(guān)鍵字”/>，content屬性的值為用戶所設(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屬性值為用戶所設(shè)置的頁(yè)面具體描述的內(nèi)容，最多容納1024個(gè)字符，但搜索引擎一邊只顯示約前175個(gè)字符。
<3>author。作者，用于設(shè)置網(wǎng)站作者的名稱，比較專業(yè)的網(wǎng)站經(jīng)常用到。格式為<meta name="author" content =“作者名稱”/>
<4>generator。生成器，用于設(shè)置網(wǎng)站編輯工具的名稱，比較專業(yè)的網(wǎng)站頁(yè)面上經(jīng)常用到。格式<meta name="generator" content =“網(wǎng)站編輯工具名稱”/>
<5>robots。機(jī)器人，用于限制頁(yè)面搜索方式。搜索引擎的搜索機(jī)器人，沿著網(wǎng)頁(yè)上的鏈接（如http和src鏈接），不斷地檢索資料建立自己的數(shù)據(jù)庫(kù)。通過(guò)這種meta標(biāo)簽可以限制部分內(nèi)容不被搜索引擎檢測(cè)到，降低部分信息公開(kāi)性。編寫格式為<meta name=“robots” content="指令組合">。該屬性的值包含4個(gè)命令，分別是index、noindex、follow、nofollow，根據(jù)排列組合，有4種組合。Index和follow組合也可稱為all，noindex和nofollow也可稱為none。
http-equiv屬性
http-equiv屬性的取值具體如下：
<1>content-type，內(nèi)容類別，用于設(shè)置頁(yè)面的類別和語(yǔ)言字符集。編寫格式<meta http-equiv=“content-type” context=“text/html”；charset=“gb2312”/>，content屬性的值代表頁(yè)面采用HTML代碼輸出，字符集為gb2312（簡(jiǎn)體中文），國(guó)際化網(wǎng)站開(kāi)發(fā)的話，為了字符統(tǒng)一，建議charset采用utf-8.
<2>refresh。刷新，用于設(shè)置多長(zhǎng)時(shí)間內(nèi)網(wǎng)頁(yè)自己刷新一次，或者用一段時(shí)間自動(dòng)跳轉(zhuǎn)到其他頁(yè)面，第一種編寫格式<meta http-equiv=“refresh” context=“30”/>表示隔30秒刷新一次，第二種編寫格式<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è)。第一種編寫格式為<meta http-equiv=“expires” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，content值代表網(wǎng)頁(yè)過(guò)期的時(shí)間，必須使用GMT時(shí)間格式。第二種編寫格式為<meta http-equiv=“expires” context=“30”/>，表示多少秒后過(guò)期。
<4>cache-control，緩存控制。用于禁止在緩存中調(diào)用網(wǎng)頁(yè)，編寫格式為<meta http-equiv=“cache-control” context=“no-cache”/>，no-cache代表不允許緩存。
<5>set-cookie，設(shè)置cookie，用于設(shè)置本頁(yè)面cookie多久過(guò)期，編寫格式為<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最常用的融合方式是寫入頭部信息部分。
<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è)面切換特效，其中一種特效的編寫格式如下：
代碼如下:
<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屬性的值代表特效的種類，這種特效也叫動(dòng)態(tài)濾鏡。濾鏡種類很多，比如blendtrans就是很常見(jiàn)得一種，效果為淡入淡出，duration值表示效果持續(xù)的時(shí)間（單位為秒）。
另一種濾鏡特效編寫格式如下：
代碼如下:
<meta http-equiv=“page-enter” content=“revealTrans（duration=6）”/>
動(dòng)態(tài)濾鏡revealTrans也可用于頁(yè)面進(jìn)入與退出效果。Duration表示濾鏡特效持續(xù)時(shí)間（單位為秒），Transition是濾鏡類型，表示想使用哪種特效，取值為0~23。
<2>強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示，可以防止網(wǎng)頁(yè)被其他網(wǎng)站框架，編寫格式如下：
代碼如下:
<meta http-equiv="window-target" content=“_top">
<3>頁(yè)面圖標(biāo)設(shè)置，編寫格式如下：
代碼如下:
<link rel="Shortcut Icon" href="/myicon.ico">
href屬性的值是ico圖標(biāo)文件的路徑，這里采用的是相對(duì)根目錄路徑
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試