HTML文檔由兩部分組成:Head(主題部分,一般來說是不可見的)和Body(正文部分,在浏覽器中是可見的)。隨著FrontPage及Dreamweaver(簡稱DW)等可視化的網頁編輯器的流行,不懂HTML也可以做一個具有專業水平的網頁已經不是一個夢。但是,這些主頁制作工具都不能自己生成一個好的主題部分,這就需要我們來了解一下其中的元素了。
一、Head元素
Meta 它記錄當前頁面的信息,例如字符編碼、作者、版權和關鍵字等。還可以用來向服務器提供信息,例如截止日期和頁面刷新間隔等。它的兩種基本用法是:告訴浏覽器網頁所識別的文件類型及語言類型;讓搜索引擎按關鍵字搜索到你的網頁。
Attribute 指定Meta標簽是否包含Name (頁面描述信息)或HTTP Equiv (HTTP標題信息)。“Value”指定所提供信息的類型。有些值是已經定義好的,在DW中有專門的屬性檢查器。例如description(說明)、keyword(關鍵字)、refresh(刷新)等。還可以指定其它任意值,如:creationdate(創建日期)、document ID(文檔編號)和level(等級)等。
Content。如果指定level(等級)為Value(值),則Content可能是beginner(初級)、intermediate(中級)、advanced(高級)。
Title頁面標題,顯示在浏覽器的標題欄上。
Keywords 許多流行的搜索引擎可自動閱讀Meta標簽中的Keywords內容,並使用該信息在其數據庫中建立對該頁面的索引。有些搜索引擎在建立索引時對關鍵字或字符有數量上的限制。有些則在關鍵字超出限定范圍時忽略所有關鍵字。因此為網頁精選關鍵字是很有必要的。在標志為Keywords的域中使用逗號來分隔關鍵字。
Description 與Keywords具有相似的功能。只是用描述性的語句代替了關鍵字。部分搜索引擎在建立索引時對字符數有一定的限制,因此應盡量言簡意赅。
Refresh使用Refresh元素可以指定在某一時間段後自動對頁面進行刷新。
Action指定是否要轉到其它URL或刷新當前頁面。要轉到其它URL,可單擊Brower按鈕選擇要載入的頁面。
Delay在刷新頁面之前以秒為單位的等待時間,要立即刷新頁面,可以在此域中輸入0。
Base使用Base元素可設置基本URL。
Href指定基本URL,可直接鍵入路徑或選擇。
Target指定所有鏈接的文檔要打開的窗口。可以在當前框架集中選擇一個框架或在其提供的四種保留窗口中選擇其一,默認為_self。
Link使用Link元素可定義當前文檔和其它文件(如CSS文件)之間的關系。
ID指定某鏈接的唯一標識符。
Title說明鏈接的關系。此屬性對鏈接樣式表非常合適。
Rel指定當前文檔和Href域中文檔之間的關系。其可能的值包括:Alternate(備選)、Stylesheet(樣式表)、Start(啟動)、Next(下一個)、Prev(上一個)、Content(內容)、Index(索引)、Glossary(詞匯)、Copyright(版權)、Chapter(章)、Section(節)、Subsection(小節)、Appendix(附錄)、Help(幫助信息)、Bookmark(書簽)等。要指定多個關系,請使用空格將值分開。
二、實例說明
<title> HEAD元素使用集錦</title>
<!--網頁標題 -->
<meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″>
<!--網頁內容類型,TXT或HTML格式,編碼方式為GB2312 -->
<meta name=″keywords″ content=″HEAD元素″>
<!-- 關鍵字信息 -->
<meta name=″description″ content=″本網頁用於說明HEAD元素的使用方式″>
<!-- 對網站的進一步描述-->
<meta http-equiv=″refresh″ content=″5;URL=index.htm″>
<!--網頁在5秒後自動刷新,鏈接地址為index.htm頁 -->
<base href=″″ target=″_blank″>
<!--基本鏈接設定,目標為彈出新頁面。此項可用於Frame頁中指定鏈接顯示的Frame,例如:target=″main″>
<link rel=″stylesheet″ href=″homepage.css″>
<!--調入樣式表,鏈接樣式表文件″homepage.css″ -->