制作網頁時，經常需要設置頁面的基本信息，如頁面的標題、作者、和其他文檔的關系等。為此HTML提供了一系列的標記，這些標記通常都寫在<head>標記內，因此被稱為頭部相關標記。
1．<title></title>標記
<title>標記用于定義HTML頁面的標題，即給網頁取一個名字，必須位于<head>標記之內。一個HTML文檔只能含有一對<title>標記，<title>之間的內容將顯示在瀏覽器窗口的標題欄中。其基本語法格式如下：
了解了頁面標題標記<title>,下面通過一個簡單的案例來演示<title>標記的用法，如例1-3，效果如圖1-16所示。
例1-3 example03.htm
<!doctype html>
<html> <head> <title>卡梅隆</title> <meta charset="utf-8"> </head> <body> 詹姆斯-卡梅隆 代表作：《終結者》、《泰坦尼克號》、《阿凡達》、《真實的謊言》等 評價： 他在拍攝地是個苛求、專橫的“暴君”；在家庭中是個不會體貼 并且見異思遷的丈夫；在好萊塢同行看來，卡梅隆是一個偏執狂和燒錢的機器。 但不能否認，卡梅隆是個天才。 </body> </html> |
圖1-16設置網頁標題標記
2. <meta />標記
<meta/>標記用于定義頁面的元信息，可重復出現在<head>頭部標記中，在HTML中是一個單標記。<meta />標記本身不包含任何內容，通過“名稱/值”的形式成對的使用其屬性可定義頁面的相關參數，例如為搜索引擎提供網頁的關鍵字、作者姓名、內容描述，以及定義網頁的刷新時間等。<meta />標記常用的幾組設置，具體語法格式如下：
<meta name="名稱" content="值" /> |
<meta http-equiv="名稱" content="值" />
|
例如以下設置代碼：
| （1）設置網頁關鍵字代碼：<meta name="keywords" content="java培訓" /> |
（2）設置網頁描述代碼：<meta name="description" content="IT培訓" /> |
| （3）設置字符集格式代碼： <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| （4）設置頁面自動刷新與跳轉： <meta http-equiv="refresh" content="10;url=http://www.itcast.cn" /> 下面通過一個案例1-4來演示<meta />標記的用法，如例1-4所示。 |
例1-4 example04.htm
<!doctype html>
<html> <head> <title>meta標記使用</title> <meta charset="utf-8"> <meta name="keywords" content="java培訓,.net培訓,PHP培訓,C/C++培訓,iOS培訓,網頁設計培訓,平面設計培訓,UI設計培訓" /> <meta name="description" content="IT培訓的龍頭老大,口碑最好的java培訓、.net培訓、php培訓、C/C++培訓,iOS培訓，網頁設計培訓，平面設計培訓，UI設計培訓機構，問天下java培訓、.net培訓、php培訓、C/C++培訓,iOS培訓，網頁設計培訓，平面設計培訓，UI設計培訓機構誰與爭鋒? " /> <meta http-equiv="refresh" content="10;url=http://www.itcast.cn" /> </head> <body> </body> </html> |
3.<link>標記
一個頁面往往需要多個外部文件的配合，在<head>中使用<link>標記可引用外部文件，一個頁面允許使用多個<link>標記引用多個外部文件。其基本語法格式如下：
<link rel="stylesheet" type="text/css" href="style.css" /> |
<link>標記常用屬性，如表1-1所示：
表1-1 link標記常用屬性
| 屬性名 | 常用屬性值 | 描述 |
| href | URL | 指定引用外部文檔的地址 |
| rel | stylesheet | 指定當前文檔與引用外部文檔的關系，該屬性值通常為stylesheet，表示定義一個外部樣式表 |
| type | text/css | 引用外部文檔的類型為CSS樣式表 |
4.<style></style>標記
<style>標記用于為HTML文檔定義樣式信息，位于<head>頭部標記中，其基本語法格式如下：
| <style 屬性=”屬性值”>樣式內容</style> |
在HTML中使用style標記時，常常定義其屬性為type，相應的屬性值為text/css，表示使用內嵌式的CSS樣式。
下面通過案例1-5來演示<style>標記的用法,最終效果如圖1-17所示。
例1-5 example05.htm
| <!doctype html> <html> <head> <meta charset="utf-8"> <title>style標記的使用</title> <style type="text/css"> h2{color:red;} p{color:blue;} </style> </head> <body> <h2>設置h2標題為紅色字體</h2> <p>設置p段落為藍色字體</p> </body> </html> |
圖1-17 style標記