前端 HTML文檔 詳解
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
1.聲明HTML文檔類型 <!DOCTYPE>
告訴瀏覽器使用什麽樣的html或者xhtml來解析html文檔，<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位於 <html> 標簽之前。
<!DOCTYPE>
開頭的這一行，就是文檔聲明頭，DocType Declaration，簡稱DTD。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規範
<!DOCTYPE> 聲明不是 HTML 標簽；它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
XHTML：Extensible Hypertext Markup Language，可擴展超文本標註語言。 XHTML的主要目的是為了取代HTML，也可以理解為HTML的升級版。 HTML的標記書寫很不規範，會造成其它的設備(ipad、手機、電視等)無法正常顯示。 XHTML與HTML4.0的標記基本上一樣。 XHTML是嚴格的、純凈的HTML
以下內容僅做了解：
HTML4.01有哪些規範呢？
首先我們先確定一件事兒，我們現在學習的是HTML4.0.1這個版本，這個版本是IE6開始兼容的。HTML5是IE9開開始兼容的。但是IE6、7、8這些瀏覽器還不能過早的淘汰，所以這幾年網頁還是應該用HTML4.01來制作。如今，手機、移動端的網頁，就可以使用HTML5了，因為其兼容性更高。
html1 至 html3 是美國軍方以及高等研究所用的，並未對外公開。
HTML4.01裏面有兩大種規範，每大種規範裏面又各有3種小規範。所以一共6種規範（見下面）：
HTML4.01裏面規定了普通和XHTML兩大種規範。 HTML覺得自己有一些規定不嚴謹，比如，標簽是否可以用大寫字母呢？<H1></H1> 所以，HTML就覺得，把一些規範嚴格的標準，又制定了一個XHTML1.0。在XHTML中的字母X，表示“嚴格的”。
總結一下，HTML4.01一共有6種DTD，說白了，HTML第一行語句一共有6種：
下面對上圖中的三種小規範進行解釋：
- strict：表示“嚴格的”，這種模式裏面的要求更為嚴格。這種嚴格體現在哪裏？有一些標簽不能使用。
- 比如，u標簽，就是給一個本文加下劃線，但是這和HTML的本質有沖突，因為HTML只能負責語義，不能負責樣式，而u這個下劃線是樣式。所以，在strict中是不能使用u標簽的。
- 那怎麽給文本增加下劃線呢？今後的css將使用css屬性來解決。
- 那麽，XHTML1.0更為嚴格，因為這個體系本身規定比如標簽必須是小寫字母、必須嚴格閉合標簽、必須使用引號引起屬性等等。
- Transitional：表示“普通的”，這種模式就是沒有一些別的規範。
- Frameset：表示“框架”，在框架的頁面使用。
聲明為HTML5文檔
<!DOCTYPE html>
2.<html>、</html>是文檔的開始標記和結束的標記。是HTML頁面的根元素，在它們之間是文檔的頭部（head）和主體（body）。
<html lang="en"> lang屬性=“en” 表示以英文顯示網頁
3.<head>、</head>定義了HTML文檔的開頭部分。它們之間的內容不會在瀏覽器的文檔窗口顯示。包含了文檔的元（meta）數據。
4.<title>、</title>定義了網頁標題，在瀏覽器標題欄顯示。
5.<body>、</body>之間的文本是可見的網頁主體內容。
6.<meta> 是HTML頭部的元信息，編碼格式是utf-8
註意：對於中文網頁需要使用 <meta charset="utf-8"> 聲明編碼，否則會出現亂碼。有些瀏覽器會設置 GBK 為默認編碼，則你需要設置為 <meta charset="gbk">。
前端 HTML文檔 詳解