網頁設計內的原始碼上方的DOCTYPE宣告(網頁標準化宣告)
網頁原始碼上方DOCTYOE宣告,使用過Dreamweaver8的朋又們,應該會發現到現在只要開啟新檔案,Dreamweaver預設都會在自動在網頁上方加入<!--CTYPE HTML PUBLIC ....>的宣告,相信各位對於這段語法並不陌生,但這段宣告代表何種意義應該就很陌生了吧!
什麼是 DOCTYPE呢?其 DOCTYPE是document type的縮寫,所代表的意思為文件類型, 其作用就是用來說明,目前網頁所編寫HTML、XHTML的標籤是採用什麼樣的版本。
在DOCTYPE這段宣告中,不難會發現裡頭又藏了一個DTD的小東東,而DTD所指的就是文檔類型定義,其裡頭包含了HTML、XHTML標籤規則,是用來讓瀏覽器依據這個DTD來分析HTML的編碼,經由編譯後再將結果呈現在頁面中,讓此網頁符合W3C的標準,因此說穿了建立此宣告只是為了讓網頁標準化,W3C提供了三種DTD的宣告方式給HTML4.01所使用,而這三種標準與意義又為何?於下列來為各位解說這三種的差異性。
Transitional DTD:
此DTD要求是要為寬鬆,充許使用非推薦的HTML語法,但此DTD不可使用框架。
<!–CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt–>
Frameset DTD Frameset:
與上列相同,唯一的差別在於,此DTD充許使用框架。
<!–CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dt–>
Strict DTD :
使用此DTD是最為嚴僅的,不允許使用非推薦的HTML語法、標籤屬性或框架。
<!–CTYPE HTML PUBLIC "-//W3C//DTD HTML4.01//EN" "http://www.w3.org/TR/html4/strict.dt–>
※DOCYPE宣告必須放置在上方,也就是原始碼的最頂部。
轉貼來源:梅問題‧教學網
參考文獻:
1.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。
2.許峻誠、張恬君、莊明振.(2001).網頁風格認知與設計要素之探討-以企業網站首頁為例,第六屆設計學術研究果研討會論文集。
3.江嘉瑜(2002)。台灣花卉電子商務網站內容之分析。中興大學行銷學研究所碩士論文,未出版,台中。
相關文章
網頁設計採用UTF-8的編碼格式,要注意Meta標籤和title標籤的順序問題迎接HTML5網頁設計來臨,10個好用的小工具介紹為手機開發專用的網頁設計架構公司的網頁很慢,若想換別家的虛擬主機,要怎麼換?捨棄web2.0網頁設計的趨勢改變
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了