Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

Change History

Message: [基礎知識] 向後相容的 Quirks Mode (接縫模式) 與 DOCTYPE (文件型態) 宣告意義與特性整理

Changed By: mepoadm
Change Date: September 29, 2011 04:35PM

[基礎知識] 向後相容的 Quirks Mode (接縫模式) 與 DOCTYPE (文件型態) 宣告意義與特性整理
Changed By: mepoadm
Change Date: September 21, 2011 10:20PM

[基礎知識] 向後相容的 Quirks Mode (接縫模式) 與 DOCTYPE (文件型態) 宣告意義與特性整理
Changed By: HP
Change Date: September 13, 2011 04:11PM

[ [基礎知識] 向後相容的 Quirks Mode (接綘模式) 與 D(接縫模式) 與 DOC宣告) (編寫中)性整理件型態) 宣告意義與特性整理
Changed By: HP
Change Date: September 06, 2011 01:48AM


Original Message

作者: HP
Date: September 05, 2011 02:30PM

基礎知識:奇怪模式 (] 向後相容的 Qui) 與瀏覽器模式宣告 () 與) OC宣告) (編寫中)件型態) 宣告意義與特性整理
一、目的:
此文件編寫目的為給視傳相關科系大一新生之「網頁設計」課程作為相關教材(當然,對一般對網頁設計有興趣的朋友也是相當適合的)。此文的內容提供 DOCTYPE 宣告語法的介紹,編寫目的為避免讓網頁進入當初為了相容舊型瀏覽器而生的「奇怪模式」Quirks Mode。

二、動機:一般視傳相關科系的學生(或甚至老師)的學習要點多重於「視覺」與「設計」部份,而容易對一些「語法」或「規則」部份有所忽略。「DOCTYPE」即為一般常忽略的一個要點,也讓許多網頁會進入「奇怪模式」。也因此,在不同瀏覽器中瀏覽時,常會有「奇怪」的畫面呈現。
生很不一樣的結果。

三、預計大網:
1. 奇怪模式的產生原因

2. 瀏覽器模式宣告 (DOCTYPE Declaration) 規則說明
的「一套標準各自解讀」時期,各家舊瀏覽器的「各自解讀」模式,到後來約 2000年推出完整支援 CSS (CSS Lev入屬於舊瀏覽器模式的 Quirks Mode。

最後的最後要提醒在設計網頁時要記得加上 <!DOCTYPE html> 的宣告,這樣網頁才不會被歸類為「舊時代的產物」,也才能讓 CSS 的相關語法「正確/正常」地將功能呈現。


相關詳細的說明與相容性整理可見維基百科(英文):
http://en.wikipedia.org/wiki/Quirks_mode#Comparison_of_document_types

三、

1. HTML 的三種文件模式宣告:Quirks Mode、Standard Mode、Almost Standard Mode

Quirks Mode 的產生原因

2. 文件型態宣告 (DOCTYPE Declaration) 規則說明

3. 錯誤範例與正確實例


Quirks Mode 的翻譯:

Quirks Mode 會用 quirk 這個字應該是取自其動詞用法「使形成皺摺」以及建築用語「溝槽」,指兩面牆面或兩個凸面之間的接縫,更古早一點有這種說法「a quirk of fate 命運的轉折」。
或許可以翻作或者「接縫模式」或者「轉折模式」?
(by gustav)