HTML知識點總結（一）

這是一些html知識點複習筆記和知識點總結，附上github鏈結

宣告一般位於文件的第一行，它的作用主要是告訴瀏覽器的解析器以什麼樣(html或xhtml)的文件型別定義(dtd)來解析這個文件。doctype不存在或格式不正確會導致文件以相容模式呈現。

一般指定了文件標準之後，瀏覽器會以標準模式來進行文件解析，否則就以相容模式進行解析。在標準模式下，瀏覽器的解析規則都是按照最新的標準進行解析的。而在相容模式下，瀏覽器會以向後相容的方式來模擬老式瀏覽器的行為，以保證一些老的**的正確訪問。

在 html5 之後不再需要指定 dtd 文件，因為 html5 以前的 html 文件都是基於 sgml 的，所以需要通過指定 dtd 來定義文件中允許的屬性以及一些規則。而 html5 不再基於 sgml 了，所以不再需要使用 dtd。

標準模式的渲染方式和 js 引擎的解析方式都是以該瀏覽器支援的最高標準執行。

而在相容模式中，頁面以寬鬆的向後相容的方式顯示，模擬老式瀏覽器的行為以防止站點無法工作。

html5 不基於 sgml，因此不需要對 dtd 進行引用，但是需要 doctype 來規範瀏覽器的行為（讓瀏覽器按照它們應該的方式來執行）。

而 html4.01 基於 sgml ，所以需要對 dtd 進行引用，才能告知瀏覽器文件所使用的文件型別。

sgml 是標準通用標記語言，是一種定義電子文件結構和描述其內容的國際標準語言，是所有電子文件標記語言的起源。

html 是超文字標記語言，主要是用於規定怎麼顯示網頁。

xml 是可擴充套件標記語言是未來網頁語言的發展方向，xml 和 html 的最大區別就在於 xml 的標籤是可以自己建立的，數量無限多，而 html 的標籤都是固定的而且數量有限。

xhtml 也是現在基本上所有網頁都在用的標記語言，他其實和 html 沒什麼本質的區別，標籤都一樣，用法也都一樣，就是比 html 更嚴格，比如標籤必須都用小寫，標籤都必須有閉合標籤等。

dtd（ document type definition 文件型別定義）是一組機器可讀的規則，它們定義 xml 或 html 的特定版本中所有允許元素及它們的屬性和層次關係的定義。在解析網頁時，瀏覽器將使用這些規則檢查頁面的有效性並且採取相應的措施。

dtd 是對 html 文件的宣告，還會影響瀏覽器的渲染模式（工作模式）。

html4 中，元素被分成兩大類: inline （內聯元素）與 block（塊級元素）。乙個行內元素只佔據它對應標籤的邊框所包含的空間。

常見的行內元素有 a、b、span、 img、 strong、 sub、 sup、 button、 input、 label、 select、 textarea。

塊級元素佔據其父元素（容器）的整個寬度，因此建立了乙個「塊」。

常見的塊級元素有div、h1~h6、 p、ul、ol、li、dl、dt、dd、

html4中，元素被分成兩大類：inline （內聯元素）與 block （塊級元素）。

（1）格式上，預設情況下，行內元素不會以新行開始，而塊級元素會新起一行。

（2）內容上，預設情況下，行內元素只能包含文字和其他行內元素。而塊級元素可以包含行內元素和其他塊級元素。

（3）行內元素與塊級元素屬性的不同，主要是盒模型屬性上：行內元素設定 width 無效，height 無效（可以設定 line-height），設定 margin 和 padding 的上下不會對其他元素產生影響。

html5元素按優先等級定義為結構性元素、級塊性元素、行內語義性元素、互動性元素

標籤內沒有內容的 html 標籤被稱為空元素。空元素是在開始標籤中關閉的。

常見的空元素有：br、hr、img、 input、 link、 meta