首頁 web前端 html教學 關於DOCTYPE的使用和說明

關於DOCTYPE的使用和說明

Apr 05, 2017 am 10:19 AM
doctype 使用 關於 說明

DOCTYPE不可怕,但把它拿走,會讓你怕了又怕。

發現很多朋友提出有關p+CSS排版問題,以及IE與FF相容的問題。怎麼問的都有,結果就是一個──顯示很奇怪,很難調整。我們瀏覽的大多數網站,或者用Dreamweaver創建一個新的網頁文檔時,源碼的頂部都會有DocType聲明,但是很多人沒有註意到它,甚至在創作時候直接將它刪掉,其實這往往就是噩夢的開始。在遵循標準的任何Web文件中,DOCTYPE都是必要的元素。它會影響程式碼驗證,並決定了瀏覽器最終如何顯示你的web文件。為了避免DOCTYPE的問題重複出現,我根據手邊的資料整理了這篇文檔,以備自己及有興趣的朋友參考。

在預設情況下,FF和IE的解釋標準是不一樣的,也就是說,如果一個網頁沒有宣告DOCTYPE,它就會以預設的DOCTYPE解釋下面的HTML。在同一種標準下,不同瀏覽器的解釋模型都有差異,如果聲明標準不同,不用我說,您自己想就可以了。學習網頁標準,瀏覽器相容,從哪裡開始您自己決定,但是,請認識DOCTYPE:

一、什麼是DOCTYPE

DOCTYPE是Document Type(文件類型)的簡寫,在頁面中,用來指定頁面所使用的XHTML(或HTML)的版本。要製作符合標準的頁面,一個必不可少的關鍵組成部分就是DOCTYPE聲明。只有確定了一個正確的DOCTYPE,XHTML裡的標識和CSS才能正常生效。

二、DOCTYPE的規則

DOCTYPE聲明的寫法遵循一定的規則,它指出閱讀程序應該用什麼規則集來解釋文件中的標記。在Web文件的情況下,「閱讀程序」通常是瀏覽器或校驗器這樣的程序,「規則」則是w3c所發布的一個文檔類型定義(dtd)中包含的規則。
每個dtd都包括標記、attributes、properties等內容,它們用於標記web文檔的內容;此外還包括一些規則,它們規定了哪些標記能出現在其他哪些標記中。每個web建議標準(例如html 4 frameset和xhtml 1.0 transitional)都有自己的dtd。

以下是從手冊上摘抄的規則:

# 文法:

HTML  頂級元素  可用性 "註冊//組織//類型 標籤//定義  語言""URL"

可能值:

- 頂層元素:指定 DTD 中聲明的頂層元素類型。這與聲明的 SGML 文件類型相對應。 HTML 預設。 HTML。
- 可用性:指定正式公開識別碼(FPI)是可公開存取的物件還是系統資源。 PUBLIC 預設。可公開存取的對象。 SYSTEM 系統資源,如本機檔案或 URL。
- 註冊:指定組織是否由國際標準化組織(ISO)註冊。 + 預設。組織名稱已註冊。
- 組織名稱未註冊。 Internet 工程任務組(IETF)和萬維網協會(W3C)並非註冊的 ISO 組織。
組織:指定表示負責由 !DOCTYPE 聲明引用的 DTD 的建立和維護的團體或組織的名稱,即 OwnderID。 IETF IETF。 W3C W3C。
- 類型:指定公開文字類,即所引用的物件類型。 DTD 預設。 DTD。
- 標籤:指定公開文字描述,即所引用的公開文字的唯一描述性名稱。後面可附版本號。 HTML 預設。 HTML。
- 定義:指定文件類型定義。
  Frameset 框架集文件。
  Strict 排除所有 W3C 專家希望逐步淘汰的代表性屬性和元素,因為樣式表已經很完善了。
  Transitional 包含除 frameSet 元素的全部內容。
- 語言:指定公開文字語言,即用於建立所引用物件的自然語言編碼系統。此語言定義已編寫為 ISO 639  語言代碼(大寫兩個字母)。 EN 預設。英語。
- URL:指定所引用物件的位置

# 為了獲得正確的DOCTYPE聲明,關鍵就是讓dtd與文件所遵循的標準對應。例如,假定文檔遵循的是xhtml 1.0 strict標準,文檔的doctype聲明就應該引用對應的dtd。另一方面,如果doctype宣告指定的是xhtml dtd,但文件包含的是舊式風格的html標記,就是不恰當的;類似地,如果doctype宣告指定的是html dtd,但文件包含的是xhtml 1.0 strict標記,同樣是不恰當的。

三、選擇什麼樣的DOCTYPE

如上例所示,XHTML 1.0中有3種DTD(文件類型定義)聲明可以選擇:過渡的(Transitional)、嚴格的(Strict)和框架的(Frameset)。這裡分別介紹如下。

1.過渡的

一種要求不很嚴格的DTD,允許在頁面中使用HTML4.01的識別(符合xhtml語法標準)。過渡的DTD的寫法如下:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

# 2.嚴格的

一種要求嚴格的DTD,不允許使用任何表現層的識別和屬性,例如
等。嚴格的DTD的寫法如下:

# "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

# 3.框架的

一種專門針對框架頁面所使用的DTD,當頁面中含有框架元素時,就要採用這種DTD。框架的DTD的寫法如下:

# "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

# 使用嚴格的DTD來製作頁面,當然也是最理想的方式。但是,對於沒有深入了解Web標準的網頁設計者,比較合適的是使用過渡的DTD。因為這種DTD也允許使用表現層的識別、元素和屬性,比較適合大多數網頁製作人員。

四、需要注意的問題

沒什麼特別的,就是一定要將DOCTYPE宣告放在XHTML文件的頂部,上面哪怕多個HTML註解標記都不行。

最好範例程式碼也加上DOCTYPE,否則效果會有差異。

五、各種DOCTYPE

HTML Strict
# HTML Transitional
# HTML Frameset
# XHTML 1.0 Strict
# XHTML 1.0 Transitional
# XHTML 1.0 Frameset
# XHTML 1.1
# XHTML 2.0
#

以上是關於DOCTYPE的使用和說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用磁力鏈接 如何使用磁力鏈接 Feb 18, 2024 am 10:02 AM

磁力連結是一種用於下載資源的連結方式,相較於傳統的下載方式更為便利和有效率。使用磁力連結可以透過點對點的方式下載資源,而不需要依賴中介伺服器。本文將介紹磁力連結的使用方法及注意事項。一、什麼是磁力連結磁力連結是一種基於P2P(Peer-to-Peer)協定的下載方式。透過磁力鏈接,使用者可以直接連接到資源的發布者,從而完成資源的共享和下載。與傳統的下載方式相比,磁

如何使用mdf和mds文件 如何使用mdf和mds文件 Feb 19, 2024 pm 05:36 PM

mdf檔案和mds檔案怎麼用隨著電腦科技的不斷進步,我們可以透過多種方式來儲存和共享資料。在數位媒體領域,我們經常會遇到一些特殊的文件格式。在這篇文章中,我們將討論一種常見的文件格式—mdf和mds文件,並介紹它們的使用方法。首先,我們需要了解mdf檔案和mds檔案的含義。 mdf是CD/DVD鏡像檔的副檔名,而mds檔則是mdf檔的元資料檔。

crystaldiskmark是什麼軟體? -crystaldiskmark如何使用? crystaldiskmark是什麼軟體? -crystaldiskmark如何使用? Mar 18, 2024 pm 02:58 PM

CrystalDiskMark是一款適用於硬碟的小型HDD基準測試工具,可快速測量順序和隨機讀取/寫入速度。接下來就讓小編為大家介紹一下CrystalDiskMark,以及crystaldiskmark如何使用吧~一、CrystalDiskMark介紹CrystalDiskMark是一款廣泛使用的磁碟效能測試工具,用於評估機械硬碟和固態硬碟(SSD)的讀取和寫入速度和隨機I/O性能。它是一款免費的Windows應用程序,並提供用戶友好的介面和各種測試模式來評估硬碟效能的不同方面,並被廣泛用於硬體評

foob​​ar2000怎麼下載? -foobar2000怎麼使用 foob​​ar2000怎麼下載? -foobar2000怎麼使用 Mar 18, 2024 am 10:58 AM

foob​​ar2000是一款能隨時收聽音樂資源的軟體,各種音樂無損音質帶給你,增強版本的音樂播放器,讓你得到更全更舒適的音樂體驗,它的設計理念是將電腦端的高級音頻播放器移植到手機上,提供更便捷高效的音樂播放體驗,介面設計簡潔明了易於使用它採用了極簡的設計風格,沒有過多的裝飾和繁瑣的操作能夠快速上手,同時還支持多種皮膚和主題,根據自己的喜好進行個性化設置,打造專屬的音樂播放器支援多種音訊格式的播放,它還支援音訊增益功能根據自己的聽力情況調整音量大小,避免過大的音量對聽力造成損害。接下來就讓小編為大

百度網盤app怎麼用 百度網盤app怎麼用 Mar 27, 2024 pm 06:46 PM

在如今雲端儲存已成為我們日常生活和工作中不可或缺的一部分。百度網盤作為國內領先的雲端儲存服務之一,憑藉其強大的儲存功能、高效的傳輸速度以及便捷的操作體驗,贏得了廣大用戶的青睞。而且無論你是想要備份重要文件、分享資料,還是在線上觀看影片、聽取音樂,百度網盤都能滿足你的需求。但很多用戶可能對百度網盤app的具體使用方法還不了解,那麼這篇教學就將為大家詳細介紹百度網盤app如何使用,還有疑惑的用戶們就快來跟著本文詳細了解一下吧!百度雲網盤怎麼用:一、安裝首先,下載並安裝百度雲軟體時,請選擇自訂安裝選

網易信箱大師怎麼用 網易信箱大師怎麼用 Mar 27, 2024 pm 05:32 PM

網易郵箱,作為中國網友廣泛使用的一種電子郵箱,一直以來以其穩定、高效的服務贏得了用戶的信賴。而網易信箱大師,則是專為手機使用者打造的信箱軟體,它大大簡化了郵件的收發流程,讓我們的郵件處理變得更加便利。那麼網易信箱大師該如何使用,具體又有哪些功能呢,下文中本站小編將為大家帶來詳細的內容介紹,希望能幫助到大家!首先,您可以在手機應用程式商店搜尋並下載網易信箱大師應用程式。在應用寶或百度手機助手中搜尋“網易郵箱大師”,然後按照提示進行安裝即可。下載安裝完成後,我們打開網易郵箱帳號並進行登錄,登入介面如下圖所示

pip鏡像來源簡易指南:輕鬆掌握使用方法 pip鏡像來源簡易指南:輕鬆掌握使用方法 Jan 16, 2024 am 10:18 AM

輕鬆上手:如何使用pip鏡像來源隨著Python在全球的普及,pip成為了Python套件管理的標準工具。然而,許多開發者在使用pip安裝套件時面臨的常見問題是速度慢。這是因為預設情況下,pip從Python官方來源或其他外部來源下載包,而這些來源可能位於海外伺服器,導致下載速度緩慢。為了提高下載速度,我們可以使用pip鏡像來源。什麼是pip鏡像來源?簡單來說,就

BTCC教學:如何在BTCC交易所綁定使用MetaMask錢包? BTCC教學:如何在BTCC交易所綁定使用MetaMask錢包? Apr 26, 2024 am 09:40 AM

MetaMask(中文也叫小狐狸錢包)是一款免費的、廣受好評的加密錢包軟體。目前,BTCC已支援綁定MetaMask錢包,綁定後可使用MetaMask錢包進行快速登錄,儲值、買幣等,且首次綁定還可獲得20USDT體驗金。在BTCCMetaMask錢包教學中,我們將詳細介紹如何註冊和使用MetaMask,以及如何在BTCC綁定並使用小狐狸錢包。 MetaMask錢包是什麼? MetaMask小狐狸錢包擁有超過3,000萬用戶,是當今最受歡迎的加密貨幣錢包之一。它可免費使用,可作為擴充功能安裝在網絡

See all articles