Pages

系列文章

2014/11/19

HTML 文檔宣告

這篇文章主要是要介紹「文檔宣告」的部分,
因為這個部分挺重要的(我個人認為)所以還是要稍微暫一點篇幅介紹一下

為什麼會說這篇挺重要的呢?
因為HTML誕生後一路走到今天總是會有成長的(而且還成長很多)
不管事正式發布或是草案都可能會有些許不同的地方
而古人云:「無規矩不成方圓」,在HTML中「文檔宣告」的作用
就是在告訴瀏覽器,我的網站是遵照哪一個版本HTML的規矩再做設計的
否則瀏覽器可是會遵照自己本身預設的HTML版本去run你的網頁的喔
到時候跑版或是出現怪怪的問題可就是欲哭無淚的~!
但是我認真的說現在瀏覽器很進步,有的時候其實沒寫好像也沒有影響
但是還是建議要寫啦 ~ 不然有些古早的瀏覽器可能會有問題
接下來讓我們來看看「文檔宣告」(以下簡稱DTD或DTD檔)的宣告方式吧
※此處以HTML5的DTD宣告方式來做說明
<!DOCTYPE html>
<html>
  <head>
    <!--表頭區塊--> 
  </head>
  <body>
    <!--顯示區塊-->
  </body>
</html>

在上面範例中我們可以看到在Tag的上面多宣告了一個獨立標籤
這個獨立標籤就是DTD的宣告方式,請注意DTD宣告一定要在HTML頁面的最上方唷
<!DOCTYPE html>
上面的DTD宣告方式就是目前HTML5的宣告方式
比起HTML4或更早之前的版本算是很簡短的宣告方式了
下面就貼上一些其它版本的HTML DTD檔的宣告方式供大家參考

HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

其它詳細說明可以參考
建立網站基礎
HTML 标签
這兩篇文章都有比較詳細的說明這邊就不再做重複說明了


沒有留言:

張貼留言