HTML（一）HTML基礎語法（HTML簡介，HTML文檔聲明）
HTML 概念介紹
【概念】
(Hyper Text Markup Language)超文本標記語言，是用來描述網頁的一種語言
超文本(Hyper Text):不只包括文本，也可以包括圖片、鏈接、音樂、視頻等非文本元素
標記語言(Markup Language):標記語言是一套標記標簽，HTML使用標記標簽來描述網頁
【標簽】
單標簽：<img src="" alt="" />
雙標簽：<b></b>
** HTML標簽對大小寫不敏感，但要全小寫
【屬性】
標簽的屬性
常用屬性：
- class 類
- id 元素ID
- style 元素的行內樣式
- title 元素的額外信息，可在工具提示中顯示
【元素】
HTML元素以開始標簽起始，以結束標簽終止，元素的內容是開始標簽與結束標簽之間的內容。
【文檔】
HTML文檔被稱為網頁，由嵌套的HTML元素構成
【註釋】
註釋是在HTML插入的描述性文本，用來解釋該代碼或提示其他信息。
<!-- 註釋內容 -->ps: 註釋只出現在代碼中，不會在頁面中顯示；且註釋不可嵌套
HTML文檔聲明
HTML文檔通常以類型聲明開始，該聲明將幫助瀏覽器確定其嘗試解析和顯示的HTML文檔類型。
特點
文檔聲明必須是HTML文檔的第一行、且頂格顯示，對大小寫不敏感。因為任何放在DOCTYPE前面的東西，比如批註或XML聲明，會令IE9或更早期的瀏覽器觸發怪異模式(後面的渲染模式會介紹)
由於文檔類型聲明不是標簽，因此不應具有關閉標簽
【HTML5】
<!DOCTYPE html>在HTML5之前，文檔聲明一般有三種類型：嚴格型strict、過渡型transitional、框架frameset
嚴格型DTD包含所有HTML元素和屬性，但不包含展示性的和棄用的元素(如font)；而過渡型或寬松型(loose)則包含展示性和棄用的元素
【HTML4.01】（1999）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
【XHTML1.0】（2000）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">【DTD】
DTD稱為文檔類型定義，它可以定義合法的XML文檔構建模塊，它使用一系列合法的元素來定義文檔的結構。在HTML中，DTD使用XML定義了HTML標簽規範
由於HTML5不基於SGML，所以不需要引用DTD。但是需要doctype來啟用標準模式(後面的渲染模式會介紹)。HTML5的語法元素來自SGML、HTML、XHTML1.X，使它成為一種有自己規則的合成語言
【渲染模式】
在很久以前的網絡上，頁面通常有兩種版本：為網景(Netscape)的Navigator準備的版本以及為微軟(Microsoft)的Internet Explorer準備的版本。當W3C創立網絡標準後，為了不破壞當時既有的網站，瀏覽器不能直接起用這些標準。因此，瀏覽器采用了兩種模式，用以把能符合新規範的網站和老舊網站區分開。
瀏覽器排版引擎有三種模式：怪異模式(Quirks mode)、接近標準模式(Almost standards mode)以及標準模式(Standards mode)。在怪異模式下，排版會模擬Navigator4與Internet Explorer 5的非標準行為。為了支持在網絡標準被廣泛采用前，就已經建好的網站，這麽做是必要的。在標準模式下，行為即由HTML與CSS的規範描述的行為。在接近標準模式下，只有少數的怪異行為被實現
對HTML文檔來說，瀏覽器使用文檔開頭的DOCTYPE來決定用怪異模式處理或標準模式處理。如果文檔中沒有DOCTYPE將觸發文檔的怪異模式。怪異模式最明顯的影響是會觸發怪異盒模型。在CSS中盒模型被分為兩種，第一種是W3C的標準模型，第二種是怪異盒模型。不同之處在於怪異盒模型的寬高定義的是可見元素框的尺寸，而不是元素框的內容區尺寸
小結
通過本節的內容，我們初步了解了什麽是HTML，並且同時了解了HTML的文檔頭的聲明，以及標準模型和怪異模型是通過文檔頭的定義來觸發
HTML（一）HTML基礎語法（HTML簡介，HTML文檔聲明）