天天看點

HTML中head标簽的内容

HTML中head标簽

< head> 标簽用于定義文檔的頭部,它是所有頭部元素的容器。< head> 中的元素可以引用腳本、訓示浏覽器在哪裡找到樣式表、提供元資訊等等。

文檔的頭部描述了文檔的各種屬性和資訊,包括文檔的标題、在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的資料都不會真正作為内容顯示給讀者。

下面這些标簽可用在 head 部分:

<   base>, <    link>, <    meta>, <    script>, <  style>, 以及 <    title>
           

< title> 它是 head 部分中唯一必需的元素。标簽中的文本是檔案的标題。标題會顯示在浏覽器的标題欄。

< base> 标簽

< base> 标簽為頁面上的所有連結規定預設位址或預設目标。

通常情況下,浏覽器會從目前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。使用 < base> 标簽可以改變這一點。浏覽器随後将不再使用目前文檔的 URL,而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 < a>、< img>、< link>、< form> 标簽中的 URL。

< base>中的target,将指定頁面中所有連結的打開方式。

執行個體

<   head>
<   base href="http://www.baidu.com.cn/i/" target="_blank" rel="external nofollow"  />
<   base target="_blank" />
<   /head>
<   body>
<   img src="eg_smile.gif" />
<   a href="http://www.baidu.com.cn" target="_blank" rel="external nofollow" >Baidu</    a>
<   /body>
           

< link> 标簽

<   link> 标簽定義文檔與外部資源的關系。

<   link> 标簽最常見的用途是連結樣式表。
           

執行個體

連結一個外部樣式表:

<   head>
<   link rel="stylesheet" type="text/css" href="theme.css" target="_blank" rel="external nofollow"  />
</  head>
           

引用網址http://www.cnblogs.com/fslnet/archive/2009/11/17/1604444.html

< meta> 标簽

HTML meta content-type 定義檔案MIME類型
HTML meta charset 定義網頁編碼資訊
HTML meta content-language 定義頁面語言
HTML meta refresh 重新整理與跳轉(重定向)頁面
HTML meta expires 網頁緩存過期時間
HTML meta pragma no-cache 頁面緩存
HTML meta keywords 網頁關鍵詞
HTML meta description 網頁簡短描述
HTML meta author 網頁作者
HTML meta copyright 網頁版權
HTML meta date 網頁生成時間
HTML meta robots 搜尋引擎索引方式
           

meta 标簽 – 在head标簽中的meta标簽,可以為HTML文檔提供額外資訊

此标簽是單獨出現的,< meta />此标簽隻能出現在head标簽内

引用網址:http://www.dreamdu.com/xhtml/tag_meta/

屬性:

I18N -- i18n屬性
xml:lang -- 國際化屬性
content -- content屬性
http-equiv -- http-equiv屬性
id -- id屬性
name -- name屬性
scheme -- scheme屬性
meta的英文翻譯為"元"
meta是metainformation的縮寫
           

name屬性與content屬性

name屬性的值所描述的内容(值)通過content屬性表示,便于搜尋引擎機器人查找,

分類.其中最重要的是description,keywords和robots.

http-equiv屬性與content屬性

http-equiv屬性用于提供HTTP協定的響應頭封包(MIME文檔頭),它是以名稱/值形式的名稱,http-equiv屬性的值所描述的内容(值)通過content屬性表示,通常為網頁加載前提供給浏覽器等裝置使用.其中最重要的是content-type charset 提供編碼資訊,refresh重新整理與跳轉頁面,no-cache 頁面緩存,expires網頁緩存過期時間.

< script> 标簽

script标簽通常放置在一個網頁的頭部标簽head标簽内的用于連結外部JS檔案外部資源标簽,< script> 标簽最常見的用途是連結外部js,外部資源。

執行個體

<   script src="js/index.js" type="text/javascript"></  script>
           

script使用執行個體示範

連結外部JS時候script 标簽的内容結構解釋

src的值為外部資源位址,這裡是js檔案的位址,相當于link标簽href連結外部css檔案一樣CSS引用

type規定被連結文檔的 MIME 類,這裡是值為text/javascript

特别說明< script>标簽和link标簽一樣不一定必須放置在< head>标簽内,可以适當放置在html網頁源代碼中任何地方,效果相同,但是推薦标準的放置在head标簽内

引用網址http://www.divcss5.com/html/h69.shtml

< style> 标簽

style 标簽 – 在文檔中聲明樣式時使用此标簽

style标簽是成對出現的,以結束

屬性

media – 媒體類型,參見CSS進階教程

type – 包含内容的類型,一般使用type=”text/css”

引用網址:http://www.dreamdu.com/xhtml/tag_style/

執行個體

<   head>
  < style type="text/css">
abbr
{
    font-size: 12px;
}
.text10pxwhite
{
    font-size: 10px;
    color: #FFFFFF;
}
    </ style>
<   / head>