HTML學習筆記3：HTML基本骨架詳解
在HTML筆記1中，我簡單介紹了HTML抽象的基本框架，其實，HTML的基本骨架部分還有更多內容需要了解，這一節，咱們就詳細學習HTML的基本骨架。
開啟sublime編輯器，輸入html:xt
圖1
x表示XHTML，t表示transitional
然後按tab鍵，sublime自動生成html基本骨架。
圖2
下面，小編一一解釋一下各部分的內容：
1.文件宣告頭
我們現在學習的是HTML4.01這個版本，這個版本是IE6開始相容的。HTML5是IE9開開始相容的。但是IE6、7、8這些瀏覽器還不能過早的淘汰，所以這幾年網頁還是應該用HTML4.01來製作。後面將知道手機、移動端的網頁，就會使用Html5製作。
不管HTML4.01還是HTML5，任何html文件開頭都是<!DOCTYPE ......> 開頭，這一行就叫文件宣告頭，DocType Declaration（DTD）。此標籤可告知瀏覽器文件使用哪種 HTML 或 XHTML 規範。HTML4.01裡面有兩大種規範，每大種規範裡面又各有3種小規範。所以一共6種規範：
圖3
- strict表示“嚴格的”，這種模式裡面的要求更為嚴格。HTML原本表示樣式的標籤不能用了。比如，u標籤，就是可以讓一個本文加上下劃線，但是這和HTML的本質有衝突，因為HTML只能負責語義，不能負責樣式，而u這個下劃線是樣式。所以，在strict中是不能使用u標籤的。
而HTML5極大地簡化了DTD，文件宣告頭變為：。
所以，綜上所述，HTML總共有7種DTD規範，其中HTML4.01有6種，HTML5有1種。
2.字符集
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">字符集用meta標籤定義，meta表示“元”。“元”配置，就是表示基本的配置專案。charset就是charactor set“字符集”的意思。
中文能夠使用的字符集兩種：
第一種：UTF-8
<meta http-equiv="Content-Type" content 第二種：gb2312（也可以寫作gbk）
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">UTF-8是國際通用字型檔，裡面涵蓋了所有地球上所有人類的語言文字，比如阿拉伯文、漢語、英語、法語……UTF-8 雖然有各種國家的語言，但是UTF-8裡面儲存一個漢字要3個位元組，儲存尺寸大，檔案臃腫。
gb2312 是國標，是中國的字型檔，裡面僅涵蓋了漢字和一些常用外文，比如日文片假名，和常見的符號，但是儲存一個漢字只需要2個位元組，檔案尺寸相對較小小，檔案小巧。
同一個字在兩種不同的字符集裡面編碼也不一樣。用meta標籤聲明當前這個html文件的字型檔時，一定要和儲存的型別一樣，否則會亂碼！
圖4
3.關鍵字和頁面描述
meta除了可以設定字符集，還可以設定關鍵字和頁面描述。
- 頁面描述：
<meta name="Description" content="聚美優品是國內知名正品女性團購網站,也是領先……"圖5
只要設定的Description頁面，那麼百度搜索結果，就能夠顯示這些語句，這個技術叫做SEO，search engine optimization，搜尋引擎優化。
設定關鍵字（以網易為例）：
<meta name="Keywords" content="網易,遊戲,郵箱,體育,新聞,娛樂,女性,亞運" />這些關鍵詞，就是告訴搜尋引擎，這個網頁的作用的，能夠提高搜尋命中率。
所以，一個企業級的完完整整的HTML出來啦，以聚美優品為例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="Keywords" content="聚美優品，化妝品，美妝，正品，折扣" />
<meta name="Description" content="聚美優品是國內知名正品女性團購網站,也是領先的品牌化妝品團購和護膚品團購網,聚美優品團購化妝品每天有超值的化妝品和護膚品團購資訊,詳情登陸聚美優品官網:jumei..." />
<title>聚美優品-【極速免稅店 品牌防偽碼】正品化妝品團購網站SH，千萬使用者推薦，拆封30天無條件退貨！</title>
</head>
<body>
大家能看到的部分
</body>
</html>HTML基本骨架已經學習完畢啦~~~~下節課，我講繼續學習HTML如何給網頁新增圖片和超連結。欲知後事如何，且聽下回分解~(^__^)