Lesson02_05 頭元素_基礎教程

來源:互聯網
上載者:User
頭元素是指位於標籤對之間的元素,主要包括:

顯示在標題列上的內容

用於指定網頁中的所有超連結的基準地址,以改變網頁中的所有使用相對位址的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 用于禁止瀏覽器在本機電腦上緩衝此網頁,如下:
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.