HTML&CSS基礎-文檔聲明


                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>

 

四.以上代碼在瀏覽器渲染結果如下圖所示

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM