1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title>Document</title> 6 </head> 7 <body> 8 9 </body> 10 </html>
第一行：<!DOCTYPE HTML...>表示文檔聲明頭，聲明文檔類型，作用是告知瀏覽器該文檔使用那種規范
1）HTML的規范分為兩大類：HTML4.01和XHMTL1.0，並且每類規范又分出3種小規范，如下表：
| HTML4.01 | Strict(嚴格的) | transitional（普通的） | frameset（帶框架的） |
| XHTML1.0（更加嚴格）體現於： 區分大小寫，標簽必須閉合 |
Strict(嚴格的) | transitional（普通的） | frameset（帶框架的） |
第二行： <html...>網頁內所有配置以及網頁內容都必須寫在該標簽內，后邊的參數表示命名空間，對js起作用，一般不理會；
第三行：<head>頭標簽，成對存在，里邊放置網頁的配置信息（meta）及網頁的標題（title）；
1)<title>.....</title>網頁標題欄，就是計算機瀏覽器標題欄顯示的信息，內容也用優化搜索引擎的功能，如下圖：
第四行：<meta .../>標簽，用於配置網頁信息及優化搜索引擎的搜索：
1）<meta charset="utf-8" />用於配置網頁所使用的字符集為utf-8；
問：什么是字符集？
答：計算機本身不能保存字體，只能通過轉換為0和1的編碼來保存信息，而字符集正是字體與編碼的對應參照文本，就像是“活體印刷術”，每個漢字都有一個模子對應，需要用到時，只需找的這個模子放置的具體位置就找的了這個字
•字符集分很多中，幾乎每個國家有自己對應的字符集；但能夠編碼漢字的就只有兩種，分別是 utf-8 和 gb2312
utf-8是國際通用編碼字符集；基本適合各個國家的字體編碼，所以里邊容量大，占內存多，一個漢字占3個字節，這也就是該字符集的缺點；
gb2312是國標編碼字符集，也就是中國的編碼字符集，只適用於中國漢字及少數字體，所以里邊容量沒utf-8大，占內存小，一個漢字占2個字節，這也是該字符集的優點
2）<meta name="Description" content="...." />用於對該網頁的描述，優化搜索引擎搜索，體現入下圖:
3)<meta name="Keywords" content="..." />用於配置網頁關鍵字，優化搜索引擎，使之更大概率的找到該頁面，如下圖：
第七行：<body>標簽，是網頁內容的顯示主體，網頁上我們所看到的內容都必須位於該標簽內；