今天要寫一篇技術貼，當然就個人技術而言，只算是菜鳥級別的，我是從事web前端開發的，所以對於工作中遇到的，會讓新手感到莫名其妙的東西，都有過體會，這裏寫的東西也只是爭對新手，老鳥的話就繞道吧，看了只是浪費您寶貴的時間。
首先要提到的就是關於html頁面中一個至關重要的<!DOCTYPE> 標籤
先介紹下它的標準解釋，<!DOCTYPE> 聲明位於文檔中的最前面的位置，處於 <html> 標籤之前。此標籤可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規範。
該標籤可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基於框架的 HTML 文檔。你隨便打開一個網頁，當然主流一點的，百度搜索啊，頁遊聯盟啊，會發現每個頁面的最頭部都會有<!DOCTYPE html> 這麼一行，既然它在html頁面中不顯示，那是不是可以不要呢？有些沒寫過web的程序員就會說了，它只是用來聲明文檔類型的，既然是說明型標識不要也可以吧，但事實上，這個標籤非常的重要，不然在頁面出問題的時候，縱使你使出渾身解數都難以保證IE和谷歌，ff瀏覽器都能兼容，這本身就是我們web從業人員應該注意的東西，所以在寫html的時候這個標籤是必須加的。
標籤要怎麼寫，當然也是有一定講究的，我們先看下百度的吧。www.baidu.com 點擊查看源碼，第一行 只要短短的<!DOCTYPE html> ，我們再來看下這個標籤的權威寫法：
HTML Strict DTD
HTML Transitional DTD
HTML Frameset DTD
XHTML
XHTML 1.0 規定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。
如需檢查你是否編寫了帶有正確 DTD 的合法 XHTML 文檔，您可以把您的 XHTML 頁面鏈接到一個 XHTML 驗證器。
每一個標籤的寫法都是很長的一串，但是百度做頁面這麼專業，不應該會犯這種錯誤啊。在看下頁遊聯盟的 www.webgamei.com 第一頁查看源碼 第一行 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 標準的XHTML1.0第二種寫法，這裏證明它非常專業嗎？到也不一定，經過查證，我們才知道，原來 像百度那樣 只寫短短的<!DOCTYPE html> 達到的效果 和上面那一串長長的註明是一樣的效果，瀏覽器都認識，書寫上簡單好記了很多，因爲大家在寫html的時候 DR 默認會給你加上全面一段聲明，所以很多人都沒有注意這個問題。
當然了，大家會問，要是不加，那會出什麼問題呢，在谷歌瀏覽器面前，也許你的很多錯誤寫法，它都能給你糾正了，正常顯示了，但是IE 可不是那麼好對付的，我自己的一次操作時，沒有加頁面聲明，然後谷歌瀏覽器上顯示正常，IE上顯示整個DIV居左，不是什麼align=center就能解決的問題，抓耳撈腮，百度查了N久纔算是找出問題來，就這麼一行聲明，瞬間讓IE聽話了，呵呵！所以按照標準來寫，可以讓你省去很多麻煩，節約開發時間。
原創文章，轉載請註明出處。