HTML網頁頭部代碼全接觸

對于剛剛開始學習HTML的新手而言，了解網頁頭部代碼是非常必要的。

以下所有代碼全是在<head>...</head>之間，具體內容有：

1.<title>…</title>

標題元素，幫助用戶更好識別文件，有且只有一個。當作為首頁或收藏時做文件名。

2.<link>…</link>

顯示本文檔和其它文檔之間的關系：<link rel=“stylesheet” href=“s.css”> 和外部樣式表的連接。

rel說明html文件和url兩文檔之間的關系，href說明文檔名。

3.<style>…</style>

可以在文檔中包含風格頁。文檔本身的內部樣式。

4.<base>…</base>

為相對路徑定義絕對路徑url，讀者下載你的文檔后，也可知道從哪下的

url格式：通信協議：//主機名/路徑/文件名

5.<script>…</script>

用于包含腳本（一系列腳本語言寫的命令）可以是 Javascript 或 VbScript。

6.<meta>…</meta>

meta是用來在HTML文檔中模擬HTTP協議的響應頭報文。

meta標簽的常見功能：

1.幫助主頁被各大搜索引擎登錄；

2.定義頁面的使用語言；

3.自動刷新并指向新的頁面；

4.實現網頁轉換時的動畫效果；

5.網頁定級評價；

6.控制頁面緩沖；

7.控制網頁顯示的窗口。

meta 的屬性有兩種：name和http-equiv。

name屬性主要用于描述網頁，對應于content（網頁內容），以便于搜索引擎機器人查找、分類（目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類）。這其中最重要的是description（站點在搜索引擎上的描述）和keywords（分類關鍵詞），所以應該給每頁加一個meta值。

name 屬性

1.<meta name="Generator" contect="editplus">用以說明生成工具（如Microsoft FrontPage 4.0）等；

2.<meta name="KEYWords" contect="webjx,cnrose">向搜索引擎說明你的網頁的關鍵詞；

3.<meta name="Description" contect="webjx's blog">告訴搜索引擎你的站點的主要內容；

4.<meta name="Author" contect="webjx">告訴搜索引擎你的站點的制作的作者；

name屬性：

設定為all：文件將被檢索，且頁面上的鏈接可以被查詢；

設定為none：文件將不被檢索，且頁面上的鏈接不可以被查詢；

設定為index：文件將被檢索；

設定為follow：頁面上的鏈接可以被查詢；

設定為noindex：文件將不被檢索，但頁面上的鏈接可以被查詢；

設定為nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。

http-equiv屬性：

1.<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以說明主頁制作所使用的文字以及語言；又如英文是ISO-8859-1字符集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；

2.<meta http-equiv="Refresh" content="n; url=http://yourlink"> 定時讓網頁在指定的時間n秒內，跳轉到頁面http;//yourlink；

3.<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于設定網頁的到期時間，一旦過期則必須到服務器上重新調用。需要注意的是必須使用GMT時間格式；

4.<meta http-equiv="Pragma" contect="no-cache">是用于設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定后一旦離開網頁就無法從Cache中再調出；

5.<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie設定，如果網頁過期，存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式；

6.<meta http-equiv="Pics-label" contect="">網頁等級評定，在IE的internet選項中有一項內容設置，可以防止瀏覽一些受限制的網站，而網站的限制級別就是通過meta屬性來設置的；

7.<meta http-equiv="windows-Target" contect="_top">強制頁面在當前窗口中以獨立頁面顯示，可以防止自己的網頁被別人當作一個frame頁調用；

8.<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的“格式/網頁過渡”，不過所加的頁面不能夠是一個frame頁面。

Duration的值為網頁動態過渡的時間，單位為秒。

Transition是過渡方式，它的值為0到23，分別對應24種過渡方式。如下表：

0：盒狀收縮；1：盒狀放射；2：圓形收縮；3：圓形放射；4：由下往上；5：由上往下；6：從左至右；7：從右至左；8：垂直百葉窗；9：水平百葉窗；10：水平格狀百葉窗；11：垂直格狀百葉窗；12：隨意溶解；13：從左右兩端向中間展開；14：從中間向左右兩端展開；15：從上下兩端向中間展開；16：從中間向上下兩端展開；17：從右上角向左下角展開；18：從右下角向左上角展開；19：從左上角向右下角展開；20：從左下角向右上角展開；21：水平線狀展開；22：垂直線狀展開；23：隨機產生一種過渡方式。

标签：

上一篇
網頁表格或div層在網頁中被撐開解決方法

下一篇
網頁制作中段落縮進的5種解決方法

HTML網頁頭部代碼全接觸

相關文章：

推薦設計

最新文章