HTML 頭部元素
HTML <head> 元素
<head> 元素是所有頭部元素的容器。在head元素標(biāo)簽內(nèi)容中，包含<title>、<base>、<link>、<meta>、<script> 以及 <style>。除<title>標(biāo)簽的內(nèi)容會顯示外，其余的標(biāo)簽內(nèi)容都為隱藏信息。
<title> 元素標(biāo)簽定義文檔的標(biāo)題。
<base>元素標(biāo)簽：為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)（target）。
<link>元素標(biāo)簽定義文檔與外部資源之間的關(guān)系。最常用于連接樣式表。
<script>元素標(biāo)簽用于定義客戶端腳本，如JavaScript。
<style>元素標(biāo)簽用于為HTML文檔定義樣式信息。
<meta>標(biāo)簽用來描述一個HTML網(wǎng)頁文檔的隱藏信息，例如作者、日期和時間、網(wǎng)頁描述、關(guān)鍵詞、頁面刷新等。meta主要分為HTTP頭標(biāo)信息(http-equiv)和頁面描述信息(name)。頭標(biāo)信息包括文檔類型、字符集、語言等瀏覽器正確顯示網(wǎng)頁的信息及處理動作；頁面描述如內(nèi)容的關(guān)鍵字、摘要、作者和定義robots行為等，為搜索引擎索引提供信息。(一些搜索引擎會利用 meta 元素的 name 和 content 屬性來索引頁面。)
? ? ??<meta>所支持的屬性：
? ? ? ? ? ? ? ? ? ? ?name="" 指定特性名
? ? ? ? ? ? ? ? ? ? ?content="" 指定特性值
? ? ? ? ? ? ? ? ? ? ?scheme="" 命名一個解釋特性值的方案
? ? ? ? ? ? ? ? ? ? ?http-equiv="" HTTP服務(wù)器以此屬性收集HTTP響應(yīng)頭標(biāo)
? ? ? ? ? ? ? ? ? ? ?lang="" 指定語言信息
? ? ? ? ? ? ? ? ? ? ?dir="" 指定文本方向?
知識點一：頭部信息里設(shè)置網(wǎng)頁的基底網(wǎng)址
基底網(wǎng)址的實質(zhì)是統(tǒng)一設(shè)置超級鏈接的屬性，基底網(wǎng)址標(biāo)簽是</base>，它有兩個屬性，href和_target。href用于設(shè)置基底網(wǎng)址的路徑，_target用于設(shè)置超級鏈接的打開方式。
通過基底網(wǎng)址的添加，頁面中所有的相對網(wǎng)站根目錄地址可轉(zhuǎn)換成絕對地址。當(dāng)瀏覽器瀏覽頁面時，通過<base>標(biāo)記將相對網(wǎng)站跟目錄地址附加在基底網(wǎng)址路徑的后面，從而轉(zhuǎn)化成絕對地址。我們首先創(chuàng)建一個base.htm，編寫HTML代碼如下：
<html> <head> <title>基底網(wǎng)址的設(shè)置</title> <base href="<a href="http://ipnx.cn">http://ipnx.cn</a>" _target="_blank" /> </head> <body> </body> </html>
通過以上代碼對基底網(wǎng)址的設(shè)置。Base.htm頁面中的任何超級鏈接的地址，都將在其前面加上"http://ipnx.cn",即轉(zhuǎn)換為絕對地址。并且，頁面中的超級鏈接打開方式都是打開新窗口。
知識點二：頭部信息的元信息標(biāo)簽
元信息標(biāo)簽是頭部信息的基本標(biāo)簽，專業(yè)網(wǎng)頁代碼中都對元信息有詳細(xì)設(shè)置。元信息標(biāo)簽為</meta>，為單標(biāo)簽。Meta元素提供的信息對于瀏覽用戶是不可見的，一般用于定義頁面信息的名稱，關(guān)鍵字，作者等。在HTML頁面中，一個meta標(biāo)簽內(nèi)就是一個meta內(nèi)容，而在一個HTML頭頁面中可以有多個meta元素。
meta標(biāo)簽屬性分兩種：頁面描述屬性（name）和http標(biāo)題信息（http-equiv）。
name屬性
name屬性主要用于描述網(wǎng)頁的內(nèi)容，用于對搜索引擎的優(yōu)化，必須重點掌握。正確地設(shè)置name屬性，以便搜索引擎（比如google，baidu）的搜索機(jī)器人查找，分類，搜索引擎一般都會自動查找meta值來給網(wǎng)頁分類。name的取值如下：
<1>keywords。即關(guān)鍵字，用于說明網(wǎng)頁所包含的關(guān)鍵字等信息，從而提高被搜索引擎搜索到的概率。編寫格式為<meta name="keywords" content =“關(guān)鍵字”/>，content屬性的值為用戶所設(shè)置的具體關(guān)鍵字。（一般可設(shè)置多個關(guān)鍵字，他們之間用英文半角的逗號分開，搜索引擎都限制關(guān)鍵字的數(shù)量，所以關(guān)鍵字內(nèi)容要簡潔精練）
<2>description。中文意思為"描述"，用于描述網(wǎng)頁的主要內(nèi)容、主題等，合理設(shè)置也可以提高被搜索引擎搜索到的概率。格式為<meta name="description" content =“對頁面的描述”/>，content屬性值為用戶所設(shè)置的頁面具體描述的內(nèi)容，最多容納1024個字符，但搜索引擎一邊只顯示約前175個字符。
<3>author。作者，用于設(shè)置網(wǎng)站作者的名稱，比較專業(yè)的網(wǎng)站經(jīng)常用到。格式為<meta name="author" content =“作者名稱”/>
http-equiv屬性
http-equiv屬性的取值具體如下：
<1>content-type，內(nèi)容類別，用于設(shè)置頁面的類別和語言字符集。編寫格式<meta http-equiv=“content-type” context=“text/html”；charset=“gb2312”/>，content屬性的值代表頁面采用HTML代碼輸出，字符集為gb2312（簡體中文），國際化網(wǎng)站開發(fā)的話，為了字符統(tǒng)一，建議charset采用utf-8.
<2>refresh。刷新，用于設(shè)置多長時間內(nèi)網(wǎng)頁自己刷新一次，或者用一段時間自動跳轉(zhuǎn)到其他頁面，第一種編寫格式<meta http-equiv=“refresh” context=“30”/>表示隔30秒刷新一次，第二種編寫格式<meta http-equiv=“refresh” context=“30；url=www.google.com”/>，表示30秒后頁面自動跳轉(zhuǎn)到www.google.com網(wǎng)站
知識點三：頭部信息實現(xiàn)與CSS及JavaScript混編
CSS負(fù)責(zé)HTML網(wǎng)頁的樣式，JaveScript負(fù)責(zé)HTML網(wǎng)頁的動態(tài)行為。CSS和JaveScript最常用的融合方式是寫入頭部信息部分。
<1>加入CSS只需在頭部信息中加入<style type=“text/css”></style>標(biāo)簽對。范例代碼如下
<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)簽對。范例代碼如下：
<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>
