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>
四.以上代碼在瀏覽器渲染結果如下圖所示