- HTML+CSS+JavaScript網頁制作：Web前端開發（第3版）
- 劉瑞新 張兵義 朱立等編著
- 1267字
- 2021-12-17 17:37:38
2.1 head元素
在網頁的頭部中，通常存放一些介紹頁面內容的信息，例如：頁面標題、頁面描述、關鍵字、鏈接的CSS樣式文件和客戶端的JavaScript腳本文件等。
其中，頁面標題和頁面描述稱為頁面的摘要信息。摘要信息的生成在不同的搜索引擎中存在比較大的差別，即使在同一個搜索引擎中也會由于頁面的實際情況而有所不同。一般情況下，搜索引擎會提取頁面標題標簽中的內容作為摘要信息的標題，而描述則來自頁面描述標簽的內容或頁面正文。如果設計者希望自己發布的網頁能被百度、谷歌等搜索引擎搜索到，那么在制作網頁時就需要注意編寫網頁的摘要信息。
2.1.1 頁面標題標簽<title>
<title>標簽是頁面標題標簽，它將HTML文件的標題顯示在瀏覽器的標題欄中，用以說明文件的用途。這個標簽只能應用于<head>與</head>之間。<title>標簽是對文件內容的概括，一個好的標題能使讀者從中判斷出該文件的大概內容。
頁面標題不會顯示在文本窗口中，而是以窗口的名稱顯示出來，每個文檔只允許有一個標題。頁面標題能給瀏覽者帶來方便，如果瀏覽者喜歡該網頁，將它加入書簽或保存到磁盤上，標題就作為該頁面的標識或文件名。另外，使用搜索引擎時顯示的結果也是頁面標題。<title>標簽格式如下。
例如，騰訊網站的主頁，對應的網頁標題如下。
打開網頁后，將在瀏覽器窗口的標題欄中顯示“騰訊”網頁標題。在網頁文檔頭部定義的標題內容不在瀏覽器窗口的內容區域中顯示，而是在瀏覽器的標題欄中顯示。盡管文檔頭部定義的信息很多，但能在瀏覽器標題欄中顯示的信息只有標題內容。
2.1.2 元信息標簽<meta>
<meta>標簽是元信息標簽，在HTML中是一個單標簽。該標簽可重復出現在頭部標簽中，用來指明本頁的作者、制作工具、關鍵字，以及其他一些描述網頁的信息。
<meta>標簽具備兩大屬性：HTTP標題屬性（http-equiv）和頁面描述屬性（name）。每個屬性又有不同的參數值，這些不同的參數值就實現了網頁的不同功能。本節主要講解name屬性，用它來設置搜索關鍵字和頁面描述。<meta>標簽的name屬性的語法格式如下。
name屬性主要用于描述網頁摘要信息，與之對應的參數值為content。content中的內容主要是便于搜索引擎查找信息和分類信息用的。
name屬性主要有以下兩個參數，通過為參數設置不同的參數值可以實現不同的功能。
1.keywords（關鍵字）
keywords用來告訴搜索引擎網頁使用的關鍵字。例如，國內著名的騰訊網，其主頁的關鍵字設置如下。
2.description（網站內容描述）
description用來告訴搜索引擎網站的主要內容。例如，騰訊網站主頁的內容描述設置如下。
當瀏覽者通過百度搜索引擎搜索“騰訊”時，就可以看到搜索結果中顯示出頁面摘要信息，包括標題、關鍵字和內容描述，如圖2-1所示。
圖2-1 頁面摘要信息
2.1.3 關聯標簽<link>
<link>標簽是關聯標簽，用于定義當前文檔與Web集合中其他文檔的關系，建立一個樹狀鏈接組織。<link>標簽并不將其他文檔實際鏈接到當前文檔中，只是提供鏈接該文檔的一個路徑。<link>標簽最常用于鏈接CSS樣式文件，格式如下。
2.1.4 腳本標簽<script>
<script>標簽是腳本標簽，用于為HTML文檔定義客戶端腳本信息。可通過此標簽在文檔中包含一段客戶端腳本程序。此標簽可以位于文檔中任何位置，但常位于<head>標簽內，以便于維護。格式如下。
【例2-1】制作“愛心包裝”頁面的摘要信息部分。由于摘要信息不能顯示在瀏覽器窗口中，因此這里只給出本例的代碼。
5 基本塊級元素-1