知識點一：頭部信息里設置網頁的基底網址

基底網址的實質是統一設置超級鏈接的屬性，基底網址標簽是</base>，它有兩個屬性，href和_target。href用于設置基底網址的路徑，_target用于設置超級鏈接的打開方式。

通過基底網址的添加，頁面中所有的相對網站根目錄地址可轉換成絕對地址。當瀏覽器瀏覽頁面時，通過<base>標記將相對網站跟目錄地址附加在基底網址路徑的后面，從而轉化成絕對地址。我們首先創建一個base.htm，編寫HTML代碼如下：

通過以上代碼對基底網址的設置。Base.htm頁面中的任何超級鏈接的地址，都將在其前面加上"https://www.jb51.net",即轉換為絕對地址。并且，頁面中的超級鏈接打開方式都是打開新窗口。

知識點二：頭部信息的元信息標簽

元信息標簽是頭部信息的基本標簽，專業網頁代碼中都對元信息有詳細設置。元信息標簽為</meta>，為單標簽。Meta元素提供的信息對于瀏覽用戶是不可見的，一般用于定義頁面信息的名稱，關鍵字，作者等。在HTML頁面中，一個meta標簽內就是一個meta內容，而在一個HTML頭頁面中可以有多個meta元素。

meta標簽屬性分兩種：頁面描述屬性（name）和http標題信息（http-equiv）。

name屬性

name屬性主要用于描述網頁的內容，用于對搜索引擎的優化，必須重點掌握。正確地設置name屬性，以便搜索引擎（比如google，baidu）的搜索機器人查找，分類，搜索引擎一般都會自動查找meta值來給網頁分類。name的取值如下：

<1>keywords。即關鍵字，用于說明網頁所包含的關鍵字等信息，從而提高被搜索引擎搜索到的概率。編寫格式為<meta name="keywords" content =“關鍵字”/>，content屬性的值為用戶所設置的具體關鍵字。（一般可設置多個關鍵字，他們之間用英文半角的逗號分開，搜索引擎都限制關鍵字的數量，所以關鍵字內容要簡潔精練）

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

<3>author。作者，用于設置網站作者的名稱，比較專業的網站經常用到。格式為<meta name="author" content =“作者名稱”/>

<4>generator。生成器，用于設置網站編輯工具的名稱，比較專業的網站頁面上經常用到。格式<meta name="generator" content =“網站編輯工具名稱”/>

<5>robots。機器人，用于限制頁面搜索方式。搜索引擎的搜索機器人，沿著網頁上的鏈接（如http和src鏈接），不斷地檢索資料建立自己的數據庫。通過這種meta標簽可以限制部分內容不被搜索引擎檢測到，降低部分信息公開性。編寫格式為<meta name=“robots” content="指令組合">。該屬性的值包含4個命令，分別是index、noindex、follow、nofollow，根據排列組合，有4種組合。Index和follow組合也可稱為all，noindex和nofollow也可稱為none。

http-equiv屬性

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

<1>content-type，內容類別，用于設置頁面的類別和語言字符集。編寫格式<meta http-equiv=“content-type” context=“text/html”；charset=“gb2312”/>，content屬性的值代表頁面采用HTML代碼輸出，字符集為gb2312（簡體中文），國際化網站開發的話，為了字符統一，建議charset采用utf-8.

<2>refresh。刷新，用于設置多長時間內網頁自己刷新一次，或者用一段時間自動跳轉到其他頁面，第一種編寫格式<meta http-equiv=“refresh” context=“30”/>表示隔30秒刷新一次，第二種編寫格式<meta http-equiv=“refresh” context=“30；url=www.google.com”/>，表示30秒后頁面自動跳轉到www.google.com網站

<3>expires，中文意思為“到期”，用于設置頁面到期時間。一旦網頁過期，必須到服務器上重新調用網頁。第一種編寫格式為<meta http-equiv=“expires” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，content值代表網頁過期的時間，必須使用GMT時間格式。第二種編寫格式為<meta http-equiv=“expires” context=“30”/>，表示多少秒后過期。

<4>cache-control，緩存控制。用于禁止在緩存中調用網頁，編寫格式為<meta http-equiv=“cache-control” context=“no-cache”/>，no-cache代表不允許緩存。

<5>set-cookie，設置cookie，用于設置本頁面cookie多久過期，編寫格式為<meta http-equiv=“set-cookie” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，代表到這個時間，cookie將被刪除。

知識點三：頭部信息實現與CSS及JavaScript混編

CSS負責HTML網頁的樣式，JaveScript負責HTML網頁的動態行為。CSS和JaveScript最常用的融合方式是寫入頭部信息部分。
<1>加入CSS只需在頭部信息中加入<style type=“text/css”></style>標簽對。范例代碼如下

<2>加入JavaScript只需要在頭部信息中加入<script type=“text/javascript”></script>標簽對。范例代碼如下：

知識點四：常用頭部信息功能推薦

<1>頁面切換特效，其中一種特效的編寫格式如下：

http-equiv屬性的值為page-enter時表進入該頁面時啟用特效，http-equiv屬性的值為page-exit時代表退出（離開）該頁面時啟用特效。

Content屬性的值代表特效的種類，這種特效也叫動態濾鏡。濾鏡種類很多，比如blendtrans就是很常見得一種，效果為淡入淡出，duration值表示效果持續的時間（單位為秒）。

另一種濾鏡特效編寫格式如下：

動態濾鏡revealTrans也可用于頁面進入與退出效果。Duration表示濾鏡特效持續時間（單位為秒），Transition是濾鏡類型，表示想使用哪種特效，取值為0~23。

<2>強制頁面在當前窗口以獨立頁面顯示，可以防止網頁被其他網站框架，編寫格式如下：

<3>頁面圖標設置，編寫格式如下：

href屬性的值是ico圖標文件的路徑，這里采用的是相對根目錄路徑