head元素中可以包含的標籤
<base>標籤
所有瀏覽器均支援<base>標籤
定義和用法
--<base>標籤為頁面上的所有連結規定預設地址或預設目標。
--通常情況下,瀏覽器會從當前文件的URL中提取相應的元素來填寫相對URL中的空白。
--使用<base>標籤可以改變這一點。瀏覽器隨後將不再使用當前文件的URL,而使用指定的基本URL來解析所有相對URL。這其中包括<a>、<img>、<link>、<form>標籤中的URL
注意:<base>標籤必須位於head元素的內部。
HTML與XHTML之間的差異
在HTML中,<base>標籤沒有結束標籤(老黃曆了吧);在XHTML中,<base>標籤必須被正確的關閉。
其中的屬性
必須的屬性
href:規定頁面中所有相對連結的基準URL
值是一個URL
可選的屬性
target :規定在何處開啟頁面中所有的連結
值可以是:_blank(在新的視窗中)、_parent、_self(在當前頁面)、_top、framename(在名為framename的框架中)
<html> <head> <base href="http://www.w3school.com.cn/i/" /> <base target="_blank" /> </head> <body> <img src="eg_smile.gif" /><br /> <p>請注意,我們已經為影象規定了一個相對地址。由於我們已經在 head 部分規定了一個基準 URL,瀏覽器將在如下地址尋找圖片:</p> <p>"http://www.w3school.com.cn/i/eg_smile.gif"</p> <br /><br /> <p><a href="http://www.w3school.com.cn">W3School</a></p> <p>請注意,連結會在新視窗中開啟,即使連結中沒有 target="_blank" 屬性。這是因為 base 元素的 target 屬性已經被設定為 "_blank" 了。</p> </body> </html>
<link>標籤
在用於樣式表的時候,<link>標籤幾乎得到了所有瀏覽器的支援。但是幾乎沒有瀏覽器支援其他方面的用途。
定義和用法
--<link>標籤定義文件與外部資源的關係
--<link>標籤最常見的用途是連結樣式表
ps. link元素是空元素,它僅包含屬性
pss. link元素只能存在於head部分,不過它可以出現任何次數
<meta>標籤
所有瀏覽器均支援<meta>標籤
定義和用法
--<meta>標籤可提供有關頁面的元資訊(meta-information),比如針對搜尋引擎和更新頻度的描述和關鍵詞
--<meta>標籤位於文件的頭部,不包含任何內容。<meta>標籤的屬性定義了與文件相關聯的名稱/值對
ps. <meta>標籤永遠位於head元素的內部
pss. 元資料總是以名稱/值的形式被成對傳遞的
<meta>標籤可以描述文件及其關鍵字
<meta>標籤還可以指明編輯者和編輯軟體
<script>標籤
所有瀏覽器均支援<script>標籤
定義和用法
--<script>標籤用於定義客戶端指令碼,比如JavaScript
--script元素既可以包含指令碼語句,也可以通過src屬性指向外部指令碼檔案
--必需的type屬性規定指令碼的MIME型別
--JavaScript的常見應用時影象操作、表單驗證以及動態內容更新
ps. 加入此元素內部的程式碼沒有位於某個函式中,那麼這些程式碼會在頁面被載入時被立即執行。<frameset>標籤之後的指令碼會被忽略
pss. 對於那些在瀏覽器中禁用指令碼或者其瀏覽器不支援客戶端指令碼的使用者來說,noscript元素就起到很重要的作用。
<style>標籤
所有主流瀏覽器均支援<style>標籤
定義和用法
--<style>標籤用於為HTML文件定義樣式資訊
--在style中,您可以規定在瀏覽器中如何呈現HTML文件
--type屬性是必需的,定義style元素的內容。唯一可能的值是“text/css”。style元素位於head部分。
ps. 如需連結外部樣式表,應該使用<link>標籤
<title>標籤
所有瀏覽器都支援<title>標籤
定義和用法
--<title>標籤可以定義文件的標題
--瀏覽器會以特殊的方式來使用標題,並且通常把它放置在瀏覽器視窗的標題欄或狀態列上。同樣,當把文件加入使用者的連結列表或者收藏夾或書籤列表時,標題將成為該文件連結的預設名稱。
ps. <title>標籤是<head>標籤中唯一要求包含的東西