1.6 頁面摘要信息

在網頁的頭部中，通常存放一些介紹頁面內容的信息，例如：頁面標題、頁面描述、關鍵詞、頁面大小、日期、更新日期和網頁快照等。其中，頁面標題及頁面描述稱為頁面的摘要信息。如果希望自己發布的網頁能被百度、谷歌等搜索引擎搜索，那么在制作網頁時就需要注意編寫網頁的摘要信息。

摘要信息的生成在不同的搜索引擎中會存在比較大的差別，即使是同一個搜索引擎也會由于頁面的實際情況而有所不同。一般情況下，搜索引擎會提取頁面標題標簽中的內容作為摘要信息的標題，而描述則常來自頁面描述標簽的內容或直接從頁面正文中截取。

下面講解用于設計頁面摘要信息的兩個標簽。

1.6.1 ＜title＞標簽

＜title＞標簽位于＜head＞與＜/head＞中，用于標示文檔標題，但文本內容不會出現在網頁中，而是出現在大多數瀏覽器的左上角。如果文章沒有標題，讀者就必須通過閱讀部分內容才能了解其主題。對于網頁來說，必須有標題來歸納其要點。網頁的標題能給瀏覽者帶來方便，如果瀏覽者喜歡該網頁，將它加入書簽中或保存到磁盤上，標題就作為該頁面的標志或文件名。另外，使用搜索引擎時顯示的結果也是頁面的標題。

＜title＞標簽位于＜head＞與＜/head＞中，用于標示文檔標題，其格式如下：

＜title＞標題名＜/title＞

例如，搜狐網站的主頁，對應的網頁標題：

＜title＞搜狐＜/title＞

打開網頁后，將在瀏覽器窗口的標題欄顯示“搜狐”網頁標題。在網頁文檔頭部定義的標題內容不在瀏覽器窗口中顯示，而是在瀏覽器的標題欄中顯示。盡管文檔頭部定義的信息很多，但能在瀏覽器標題欄中顯示的信息只有標題內容。

1.6.2 ＜meta＞標簽

＜meta＞標簽可提供有關頁面的元信息（meta-information），包括兩大屬性：HTTP標題屬性（http-equiv）和頁面描述屬性（name）。不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。本節主要講解name屬性，用于設置搜索關鍵字和描述。＜meta＞標簽的name屬性的語法格式：

＜metaname="參數"content="參數值"＞。

name屬性主要用于描述網頁摘要信息，與之對應的屬性值為content，content中的內容主要是便于搜索引擎查找信息和分類信息用的。

name屬性主要有兩個參數：keywords和description。

1．keywords（關鍵字）

keywords用來告訴搜索引擎網頁使用的關鍵字。例如，國內著名的搜狐網，其主頁的關鍵字設置如下：

＜meta name="keywords"content="搜狐，門戶網站，新媒體，網絡媒體，新聞，財經，體育，娛樂，時尚，汽車，房產，科技，圖片，論壇，微博，博客，視頻，電影，電視劇"/＞

2．description（網站內容描述）

description用來告訴搜索引擎網站主要的內容。例如，搜狐網站主頁的內容描述設置如下：

＜meta name="Description"content="搜狐網為用戶提供24小時不間斷的最新資訊搜索、郵件等網

絡服務。內容包括全球熱點事件、突發新聞、時事評論、熱播影視劇、體育賽事、行業動態、生活服

務信息，以及論壇、博客、微博、我的搜狐等互動空間。"/＞

當瀏覽者通過百度搜索引擎搜索“搜狐”時，就可以看到搜索結果中顯示出網站主頁的標題、關鍵字和內容描述，如圖1-7所示。

1.6.3 案例——制作光影世界頁面摘要信息

【演練1-1】制作光影世界頁面摘要信息，由于摘要信息不能顯示在瀏覽器窗口中，因此這里只給出本例文件1-1.html的代碼。代碼如下。

【說明】用戶可以登錄百度搜索引擎http://www.baidu.com/search/url_submit.html收錄網頁，以便瀏覽者訪問到自己的網站。