HTML 網(wǎng)頁(yè)頭部代碼全清楚
發(fā)布時(shí)間：2009-08-19 12:48:30 作者：佚名 
我要評(píng)論
我要評(píng)論網(wǎng)頁(yè)頭部屬性全接觸。新手可以看下，了解下頭部標(biāo)簽說(shuō)明。
以下所有代碼全是在<head>...</head>之間，具體內(nèi)容有：
1，<title>…</title>
標(biāo)題元素，幫助用戶更好識(shí)別文件，有且只有一個(gè)。當(dāng)作為首頁(yè)或收藏時(shí)做文件名。
2，<link>…</link>
顯示本文檔和其它文檔之間的關(guān)系：<link rel=“stylesheet” href=“s.css”> 和外部樣式表的連接。
rel說(shuō)明html文件和url兩文檔之間的關(guān)系，href說(shuō)明文檔名。
3,<style>…</style>
可以在文檔中包含風(fēng)格頁(yè)。文檔本身的內(nèi)部樣式。
4,<base>…</base>
為相對(duì)路徑定義絕對(duì)路徑url，讀者下載你的文檔后，也可知道從哪下的
url格式：通信協(xié)議：//主機(jī)名/路徑/文件名
5，<script>…</script>
用于包含腳本（一系列腳本語(yǔ)言寫(xiě)的命令）可以是 Javascript 或 VbScript。
6，<meta>…</meta>
meta標(biāo)簽的常見(jiàn)功能：
１、幫助主頁(yè)被各大搜索引擎登錄
２、定義頁(yè)面的使用語(yǔ)言
３、自動(dòng)刷新并指向新的頁(yè)面
４、實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)換時(shí)的動(dòng)畫(huà)效果
５、網(wǎng)頁(yè)定級(jí)評(píng)價(jià)
６、控制頁(yè)面緩沖
７、控制網(wǎng)頁(yè)顯示的窗口。
meta是用來(lái)在HTML文檔中模擬HTTP協(xié)議的響應(yīng)頭報(bào)文。
meta 的屬性有兩種：name和http-equiv。
name屬性主要用于描述網(wǎng)頁(yè)，對(duì)應(yīng)于content（網(wǎng)頁(yè)內(nèi)容），以便于搜索引擎機(jī)器人查找、分類（目前幾乎所有的搜索引擎都使用網(wǎng)上機(jī)器人自動(dòng)查找meta值來(lái)給網(wǎng)頁(yè)分類）。這其中最重要的是description（站點(diǎn)在搜索引擎上的描述）和keywords（分類關(guān)鍵詞），所以應(yīng)該給每頁(yè)加一個(gè)meta值。
name 屬性
1、<meta name="Generator" contect="editplus">用以說(shuō)明生成工具（如Microsoft FrontPage 4.0）等；
2、<meta name="KEYWords" contect="jb51,cnrose">向搜索引擎說(shuō)明你的網(wǎng)頁(yè)的關(guān)鍵詞；
3、<meta name="Description" contect="jb51's blog">告訴搜索引擎你的站點(diǎn)的主要內(nèi)容；
4、<meta name="Author" contect="jb51">告訴搜索引擎你的站點(diǎn)的制作的作者；
5、<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
其中的屬性說(shuō)明如下：
設(shè)定為all：文件將被檢索，且頁(yè)面上的鏈接可以被查詢；
設(shè)定為none：文件將不被檢索，且頁(yè)面上的鏈接不可以被查詢；
設(shè)定為index：文件將被檢索；
設(shè)定為follow：頁(yè)面上的鏈接可以被查詢；
設(shè)定為noindex：文件將不被檢索，但頁(yè)面上的鏈接可以被查詢；
設(shè)定為nofollow：文件將不被檢索，頁(yè)面上的鏈接可以被查詢。
http-equiv屬性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以說(shuō)明主頁(yè)制作所使用的文字以及語(yǔ)言；又如英文是ISO-8859-1字符集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、<meta http-equiv="Refresh" content="n; url=http://yourlink"> 定時(shí)讓網(wǎng)頁(yè)在指定的時(shí)間n秒內(nèi)，跳轉(zhuǎn)到頁(yè)面http;//yourlink；
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間，一旦過(guò)期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時(shí)間格式；
4、<meta http-equiv="Pragma" contect="no-cache">是用于設(shè)定禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容，設(shè)定后一旦離開(kāi)網(wǎng)頁(yè)就無(wú)法從Cache中再調(diào)出；
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie設(shè)定，如果網(wǎng)頁(yè)過(guò)期，存盤(pán)的cookie將被刪除。需要注意的也是必須使用GMT時(shí)間格式；
6、<meta http-equiv="Pics-label" contect="">網(wǎng)頁(yè)等級(jí)評(píng)定，在IE的internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置，可以防止瀏覽一些受限制的網(wǎng)站，而網(wǎng)站的限制級(jí)別就是通過(guò)meta屬性來(lái)設(shè)置的；
7、<meta http-equiv="windows-Target" contect="_top">強(qiáng)制頁(yè)面在當(dāng)前窗口中以獨(dú)立頁(yè)面顯示，可以防止自己的網(wǎng)頁(yè)被別人當(dāng)作一個(gè)frame頁(yè)調(diào)用；
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">設(shè)定進(jìn)入和離開(kāi)頁(yè)面時(shí)的特殊效果，這個(gè)功能即FrontPage中的“格式/網(wǎng)頁(yè)過(guò)渡”，不過(guò)所加的頁(yè)面不能夠是一個(gè)frame頁(yè)面。
Duration的值為網(wǎng)頁(yè)動(dòng)態(tài)過(guò)渡的時(shí)間，單位為秒。
Transition是過(guò)渡方式，它的值為0到23，分別對(duì)應(yīng)24種過(guò)渡方式。如下表：
0 盒狀收縮 1 盒狀放射
2 圓形收縮 3 圓形放射
4 由下往上 5 由上往下
6 從左至右 7 從右至左
8 垂直百葉窗 9 水平百葉窗
10 水平格狀百葉窗 11垂直格狀百葉窗
12 隨意溶解 13從左右兩端向中間展開(kāi)
14從中間向左右兩端展開(kāi) 15從上下兩端向中間展開(kāi)
16從中間向上下兩端展開(kāi) 17 從右上角向左下角展開(kāi)
18 從右下角向左上角展開(kāi) 19 從左上角向右下角展開(kāi)
20 從左下角向右上角展開(kāi) 21 水平線狀展開(kāi)
22 垂直線狀展開(kāi) 23 隨機(jī)產(chǎn)生一種過(guò)渡方式
1，<title>…</title>
標(biāo)題元素，幫助用戶更好識(shí)別文件，有且只有一個(gè)。當(dāng)作為首頁(yè)或收藏時(shí)做文件名。
2，<link>…</link>
顯示本文檔和其它文檔之間的關(guān)系：<link rel=“stylesheet” href=“s.css”> 和外部樣式表的連接。
rel說(shuō)明html文件和url兩文檔之間的關(guān)系，href說(shuō)明文檔名。
3,<style>…</style>
可以在文檔中包含風(fēng)格頁(yè)。文檔本身的內(nèi)部樣式。
4,<base>…</base>
為相對(duì)路徑定義絕對(duì)路徑url，讀者下載你的文檔后，也可知道從哪下的
url格式：通信協(xié)議：//主機(jī)名/路徑/文件名
5，<script>…</script>
用于包含腳本（一系列腳本語(yǔ)言寫(xiě)的命令）可以是 Javascript 或 VbScript。
6，<meta>…</meta>
meta標(biāo)簽的常見(jiàn)功能：
１、幫助主頁(yè)被各大搜索引擎登錄
２、定義頁(yè)面的使用語(yǔ)言
３、自動(dòng)刷新并指向新的頁(yè)面
４、實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)換時(shí)的動(dòng)畫(huà)效果
５、網(wǎng)頁(yè)定級(jí)評(píng)價(jià)
６、控制頁(yè)面緩沖
７、控制網(wǎng)頁(yè)顯示的窗口。
meta是用來(lái)在HTML文檔中模擬HTTP協(xié)議的響應(yīng)頭報(bào)文。
meta 的屬性有兩種：name和http-equiv。
name屬性主要用于描述網(wǎng)頁(yè)，對(duì)應(yīng)于content（網(wǎng)頁(yè)內(nèi)容），以便于搜索引擎機(jī)器人查找、分類（目前幾乎所有的搜索引擎都使用網(wǎng)上機(jī)器人自動(dòng)查找meta值來(lái)給網(wǎng)頁(yè)分類）。這其中最重要的是description（站點(diǎn)在搜索引擎上的描述）和keywords（分類關(guān)鍵詞），所以應(yīng)該給每頁(yè)加一個(gè)meta值。
name 屬性
1、<meta name="Generator" contect="editplus">用以說(shuō)明生成工具（如Microsoft FrontPage 4.0）等；
2、<meta name="KEYWords" contect="jb51,cnrose">向搜索引擎說(shuō)明你的網(wǎng)頁(yè)的關(guān)鍵詞；
3、<meta name="Description" contect="jb51's blog">告訴搜索引擎你的站點(diǎn)的主要內(nèi)容；
4、<meta name="Author" contect="jb51">告訴搜索引擎你的站點(diǎn)的制作的作者；
5、<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
其中的屬性說(shuō)明如下：
設(shè)定為all：文件將被檢索，且頁(yè)面上的鏈接可以被查詢；
設(shè)定為none：文件將不被檢索，且頁(yè)面上的鏈接不可以被查詢；
設(shè)定為index：文件將被檢索；
設(shè)定為follow：頁(yè)面上的鏈接可以被查詢；
設(shè)定為noindex：文件將不被檢索，但頁(yè)面上的鏈接可以被查詢；
設(shè)定為nofollow：文件將不被檢索，頁(yè)面上的鏈接可以被查詢。
http-equiv屬性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以說(shuō)明主頁(yè)制作所使用的文字以及語(yǔ)言；又如英文是ISO-8859-1字符集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、<meta http-equiv="Refresh" content="n; url=http://yourlink"> 定時(shí)讓網(wǎng)頁(yè)在指定的時(shí)間n秒內(nèi)，跳轉(zhuǎn)到頁(yè)面http;//yourlink；
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間，一旦過(guò)期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時(shí)間格式；
4、<meta http-equiv="Pragma" contect="no-cache">是用于設(shè)定禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容，設(shè)定后一旦離開(kāi)網(wǎng)頁(yè)就無(wú)法從Cache中再調(diào)出；
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie設(shè)定，如果網(wǎng)頁(yè)過(guò)期，存盤(pán)的cookie將被刪除。需要注意的也是必須使用GMT時(shí)間格式；
6、<meta http-equiv="Pics-label" contect="">網(wǎng)頁(yè)等級(jí)評(píng)定，在IE的internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置，可以防止瀏覽一些受限制的網(wǎng)站，而網(wǎng)站的限制級(jí)別就是通過(guò)meta屬性來(lái)設(shè)置的；
7、<meta http-equiv="windows-Target" contect="_top">強(qiáng)制頁(yè)面在當(dāng)前窗口中以獨(dú)立頁(yè)面顯示，可以防止自己的網(wǎng)頁(yè)被別人當(dāng)作一個(gè)frame頁(yè)調(diào)用；
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">設(shè)定進(jìn)入和離開(kāi)頁(yè)面時(shí)的特殊效果，這個(gè)功能即FrontPage中的“格式/網(wǎng)頁(yè)過(guò)渡”，不過(guò)所加的頁(yè)面不能夠是一個(gè)frame頁(yè)面。
Duration的值為網(wǎng)頁(yè)動(dòng)態(tài)過(guò)渡的時(shí)間，單位為秒。
Transition是過(guò)渡方式，它的值為0到23，分別對(duì)應(yīng)24種過(guò)渡方式。如下表：
0 盒狀收縮 1 盒狀放射
2 圓形收縮 3 圓形放射
4 由下往上 5 由上往下
6 從左至右 7 從右至左
8 垂直百葉窗 9 水平百葉窗
10 水平格狀百葉窗 11垂直格狀百葉窗
12 隨意溶解 13從左右兩端向中間展開(kāi)
14從中間向左右兩端展開(kāi) 15從上下兩端向中間展開(kāi)
16從中間向上下兩端展開(kāi) 17 從右上角向左下角展開(kāi)
18 從右下角向左上角展開(kāi) 19 從左上角向右下角展開(kāi)
20 從左下角向右上角展開(kāi) 21 水平線狀展開(kāi)
22 垂直線狀展開(kāi) 23 隨機(jī)產(chǎn)生一種過(guò)渡方式
相關(guān)文章
CSS失效怎么辦？請(qǐng)檢查網(wǎng)頁(yè)最頭部是否包含Doctype標(biāo)簽
CSS是正確的，鏈接也沒(méi)有出錯(cuò)，這時(shí)你就需要檢查你的網(wǎng)頁(yè)最頭部是否包含Doctype標(biāo)簽了，合適的Doctype可以解決CSS失效的問(wèn)題，這句話究竟是什么意思有什么作用2014-09-03- HTML中我們一般把部分稱為網(wǎng)頁(yè)的頭部。頭部部分的內(nèi)容雖然不會(huì)在頁(yè)面中顯示，但它能影響到搜索引擎對(duì)網(wǎng)頁(yè)的收錄和排序，以及網(wǎng)頁(yè)的各種全局設(shè)置，可以說(shuō)是至2013-12-02
網(wǎng)頁(yè)頭部css代碼優(yōu)化實(shí)例
在div+css布局中，一般都這樣來(lái)整體構(gòu)架的： [code] <div id="header"></div> <div id="center"></div> <div id=&quo2009-07-11- 下面小編就為大家?guī)?lái)一篇網(wǎng)頁(yè)頭部?jī)?yōu)化建議。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-06