HTML網站制作中link與meta標簽用法詳解!
作者:佚名 時間:2014-03-03 分享到:
雖然在標準中沒有要求瀏覽器對<link>標簽中提供的信息做任何處理,但是不難想像這些信息是如何增強文檔外觀的。
請設想一個簡單的例子:你堅持為每個文檔都提供定義了next、prev和parent鏈接的<link>標簽。瀏覽器使用這些信息就可以在每個文檔的頂部或底部放一個標準工具欄,該工具欄上帶有能夠跳轉到相應文檔的按鈕。通過為瀏覽器提供這種簡單的導航鏈接,你就可以更多地專注文檔中那些更為重要的內容了。
現在設想一個更復雜一點的例子;瀏覽器希望可以找到一個為當前文檔定義術語表的<link>標簽,并且該術語表文檔本身是一個可搜索文檔。無論瀏覽者何時單擊該文檔中的某個單詞或短語,瀏覽器都會在術語表中自動搜索所選短語的定義,并將結果顯示在一個彈出的小窗口中。隨著互聯網事業的發展,我們將看到<link>標簽用業明確定義文檔之間關系的情況越來越多。
其他<link>屬性
HTML4和XHTML標準中還包含許多與樣式表和用戶事件等相關的屬性,以及用于<link>標簽的語言。可以參考<a>標簽的用法,從而了解詳細的用法。
因為在<head>部分放置的<link>標簽的內容不會顯示出來,所以<link>標簽的這些屬性看起來可能沒什么用處。但是完全有可能未來出現的某種瀏覽器會找出將<link>標簽內的信息顯示給用戶方法,例如導航條或一組熱點鏈接列表集合等。那這種情況下,有關顯示和表現方面的信息變得非常有用。但現在還沒有瀏覽器提供這些功能。
支持文檔自動化
還存在兩種附加的頭部標簽,它們具有支持文檔自動化操作的基本功能,并且可以和Web服務器本身及文檔生成工具進行交互。
<meta>頭部元素
既然已經有這么多頭部標簽用于定義文檔及其與他文檔的關系,而且大多數作者還沒有使用過其中的某些標簽,你可能認為我們應該滿意了,但簽案卻是否定的,因為總一些人會有一些特殊的需求。這些作者希望能能夠提供有關他們寶貴文檔的更多信息,其中包括瀏覽器、源文檔的讀者或文檔索引工具軟件等可能要使用的各種信息,<meat>標簽正好符合這類作者的需求,它可以讓你走的更遠。
<meta>
功能 提供有關文檔的附加信息
屬性 charset lang
content name
dir schema
http_equiv
結束標簽 在HTML中沒有;在XHTML中為</meta>或<meta.../>
包含 無
使用范圍 head_content
<meta>標簽放置在文檔頭部,不包含任何內容。<meta>標簽的屬性定義了與文檔相關聯的名稱/值。在某些情況下,這些值被Web服務器提供文檔,以進一步向瀏覽器定義文檔的內容類型。