頭元素是指位於標籤對之間的元素,主要包括:
顯示在標題列上的內容
用於指定網頁中的所有超連結的基準地址,以改變網頁中的所有使用相對位址的URL的基準地址.
標籤的使用形式如下:
屬性工作表
屬性名稱 |
作 用 |
href |
設定網頁中所有HTTP協議的相對URL地址的基準地址,若網頁中有如下的代碼: Lesson01_03 則此時點擊時會開啟Http://www.loncer.cn/JStudy/Lesson01_03.html |
target |
用於設定網頁中的所有超連結顯示的目標視窗,這樣可以省略在所有的超連結中 加入target屬性 |
定義了當前一個文檔與另外一個文檔或資源之間的關係
屬性工作表
屬性名稱 |
作用 |
href |
定義了另外一個資源的URL地址,必填的 |
rel與rev |
定義了所連結的兩個資源之間的關聯類型,二者必選一 |
title |
說明連結的關係,也可以是描述目標資源的字串,是可選的 |
type |
給出目標資源的mime類型,例如: HTML為:"text/html" CSS為:"text/css" JavaScript為:"text/javascript" |
media |
用於指定目標資料接收的介質或媒體,只有在指定的上輸出才起作用
- screen:電腦螢幕上(預設)
- print:印表機
- projection:投影儀
- aural:擴音器
- braile:凸字觸覺感知裝置(供盲人用)
- tty:電傳打字機
- tv:電視
- all:所用的以上裝置
|
Page-Enter |
載入網頁時的效果 |
Page-Exit |
離開網頁時所顯示的效果 |
主要有兩種類型的用不同的屬性名稱來劃分,即:name和http-equiv.
name屬性:
用來在網頁中加入一些關於網頁的描述資訊,其格式如下:
name屬性工作表namecontentKeywords告訴搜尋引擎放出的robot或spider,把content屬性中填入的內容作為網頁的關鍵詞添加到搜尋引擎中,content屬性中的多個關鍵字可以使用逗號分隔,例如: Description把content中的內容添加到搜尋引擎中,作為對這個網頁的內容描述,如果沒有,則把網頁開頭的幾行顯示在搜尋結果列表中的對該頁的連結下面.Robots告訴搜尋引擎放出的robots可根據content中的設定對所採用的方式,可以是如下的值
- index:可以檢索和收錄此頁(預設值)
- noindex:不可以檢索和收錄此頁
- follow:讓robots/spider順著此頁的超連結往下探找
- nofollow:不讓往下
- none:什麼都不可以做
- all:什麼都可以
Generator用於說明編輯此網頁所用的工具,content中為工具名Author用於說明網頁的作者,content中為作者Copyright用於著作權聲明,content中為著作權聲明
http-equiv屬性:
用來在html文檔中類比HTTP協議的響應訊息頭,當瀏覽器讀取到網頁檔案中具有Http-equiv屬性的標籤時,它會用處理WWW伺服器發送的響應訊息頭一樣的方式來對待.
http-equiv屬性工作表
屬性名稱 |
作用 |
Content-Type |
說明網頁內容的MIME類型以及常值內容所使用的字元集編碼,例如:
|
Refresh |
指定在某一段時間後自動對網頁進行重新整理,例如: 一秒重新整理一次網頁 也可以在時間後加一個URL,在指定的時間內跳轉到這個網頁,例如:
注:URL與時間之間用逗號分隔 |
Expires |
指定網頁在瀏覽器中的到期時間,如瀏覽器所在的電腦的時間超過content中指定的時間,則訪問時必須到伺服器上重新下載.要注意的是:content屬性中的>設定必須使用GMT時間格式,例如:
注:將content設定為0,可以禁止瀏覽器使用快取頁面面 |
Windows-Target |
強制頁面在某個視窗中顯示.例如用如下代碼可以防止自己的網頁被別人做為一個frame頁面調用 |
Pragma |
用于禁止瀏覽器在本機電腦上緩衝此網頁,如下:
|