HTML&CSS基礎-文檔聲明
作者：尹正傑
版權聲明：原創作品，謝絕轉載！否則将追究法律責任。
一.HTML的發展
1993年6月:
HTML第一個版本
1995年11月：
HTML2.0
1997年1月:
HTML3.2(W3C推薦)
1999年12月:
HTML4.01(W3C推薦)
2000年底:
XHTML1.0(W3C推薦),該版本是吸收了XML的一些标準，想讓使用者過渡到XML相關文法的特性，可惜官網并沒有實作自己的期望，于是在2014年H5釋出。
2014年10月:
HTML5(W3C推薦) 二.doctype
HTML總共有那麼多版本，而且這其中至少有三個版本(HTML4.0.1,XHTML,HTML5)在廣泛使用，那麼浏覽器怎麼知道我們在使用哪個版本呢?
為了讓浏覽器知道我們使用的HTML版本，我們還需要在網頁的最上邊添加一個doctype聲明，來告訴浏覽器網頁的版本。 1>.html4
過渡版:
<!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//EN" "http://www.w3.org/TR/html4/strict.dtd">
架構集:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 2>.xhtml1.0
過渡版:
"<!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 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
架構集:
"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 3>.html5
我們會發現html4.01和xhtml的文檔聲明十分的麻煩。不過不用擔心，以上的内容都不是我們使用的，我們使用的是html5的文檔聲明，而且非常簡單,如下所示:
<!DOCTYPE html> 三.編寫源代碼
<!--
H5的文檔聲明，聲明目前的網頁是按照HTML5标準編寫的，編寫網頁時一定要将h5的文檔聲明寫在網頁的最上邊。
如果不寫文檔聲明，則會導緻有些浏覽器進入怪異模式，進入怪異模式以後，浏覽器解析頁面會導緻頁面無法正常顯示，是以為了避免進入該模式，一定要寫文檔聲明。
-->
<!DOCTYPE html>
<html>
<head>
<title>網頁的标題</title>
<head>
<body>
<h1>這是我的<font color="red" size="7">第一個</font>網頁</h1>
</body>
</html> 四.以上代碼在浏覽器渲染結果如下圖所示
當你的才華還撐不起你的野心的時候，你就應該靜下心來學習。當你的能力還駕馭不了你的目标的時候，你就應該沉下心來曆練。問問自己，想要怎樣的人生。
歡迎加入基礎架構自動化運維：598432640，大資料SRE進階之路：959042252，DevOps進階之路：526991186
![margin-top塌陷問題的現象與解決[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)