文檔類型 HTML
下面的文章提供了 DOCTYPE HTML 的概述。在 html 文件類型中，用於聲明使用者指令，並使用 html、xml 編碼本身等標記語言將資料轉換為 Web 瀏覽器。我們已將文檔類型聲明為文檔的初始步驟。一般來說，DOCTYPE 不考慮任何標籤、元素或屬性；它有助於識別標記語言的版本。 tag 是 html 標記語言的根標籤或元素。它還有助於儲存和保存所有的網頁內容，並且它會告訴使用者瀏覽器識別它是否是 html 語言，但使用
什麼是 DOCTYPE HTML？
- DOCTYPE 只是一個文件類型聲明，它是一組必須與特定 html、xml 或 sgxml Web 文件關聯的指令。
- 由於某些遺留原因，如果開發人員省略了 DOCTYPE，那麼 Web 瀏覽器將傾向於使用不同類型的渲染模式，這些模式可能與某些瀏覽器規範以及使用者應用程式不相容。
- 它也被標記為一個不包含結束標籤的空元素，因此我們不能在
中包含任何邏輯內容。 - 我們使用 HTML 4.01 版本中的聲明也指相同的文件類型聲明，因為 HTML 4.01 版本是基於 SGML，但在 HTML5 中並不基於 SGML 語言。
文法：
當我們使用 HTML 或任何標記語言時，我們為每個標籤和元素都有一組語法，與文件類型聲明中相同。
以下是聲明
<!DOCTYPE html> <html> <head> </head> <body> ---Some Front End logic ,codes,tags,elements--- </body> </html>
為什麼我們要使用 DOCTYPE HTML？
- 因為Html版本需要它，假設當時用戶應用程式有任何問題，我們很容易識別出根源，因為它確實發生在HTML版本相容性或用戶瀏覽器相容性上；此外，與當前版本和以前的版本相比，某些html 標籤可能會被棄用。
- 因此使用者可以根據 Web 應用程式工作流程輕鬆識別問題。
- 在 HTML 中，W3C 是
之一。像 IETF 這樣的組織，每個 html 頁面都有一個唯一的標籤“OwnerID”，它指示 html 實體的名稱或負責創建或維護基於 DTD 的文檔的組織的名稱。 - DTD 也稱為“公共文字類別”，它是一種物件類型，還引用了必須遵循 Web 和瀏覽器支援的 html 標籤和元素。
- HTM/XHTML DTD 將支援它。
我們在 HTML 中使用 DOCTYPE 的 HTML 版本不同？
- 如果我們使用 strict 作為 DOCTYPE，它不允許使用 html 元素編寫表示屬性，而我們需要像 Web 應用程式中那樣的要求，並且它不支援包含 html 框架。
- Html 4.0 有嚴格的和過渡的 DOCTYPE。
- 在嚴格的 DOCTYPE 中，使用者會使用某些 html 元素和屬性，而在嚴格的 DOCTYPE 中則不允許和允許使用它們。
- 有時html 4.0版本支援frameset，每個html文檔都必須在網頁上建立以上三種文檔類型聲明。
- 如果我們使用 html strict，則文件類型包括不建議使用的元素或不接受的標籤之外的所有 html 元素、屬性。這些標籤和元素集將出現在框架集中。
- 如果我們使用 html 過渡，它也支援所有 html 元素，包括已棄用的標籤/元素。
- 在 html 框架集中，它支援我們在 html 過渡 dtd 中使用以及用於聲明框架集的所有 html 元素。
- 在 html 5 中僅支援一種聲明類型，我們使用 ;此聲明僅允許 html 5 版本，但在 html 4 中，我們將使用不同版本的 dtd 規範。
- 在 HTML 中，DOCTYPE 不區分大小寫，因此我們使用 DOCTYPE 聲明，並且它會同時以小寫和大寫字母書寫。
DOCTYPE HTML 範例
以下是範例：
範例#1
代碼：
<!DOCTYPE html> <html> <head> <title>Sample</title> </head> <body> <p>Welcome To My Domain </p> </body> </html>
輸出：
範例#2
代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> Sample Example for Strict DTD </title> </head> <body> <a href><h1>Please Click </h1></a> <marquee> Welcome To My Domain </marquee> </body> </html>
輸出：
範例#3
代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title> Frameset DTD Example </title> </head> <frameset cols="23%,*,43%"> <frame src="first.html"> <frame src="second.html"> <frame src="third.html"> </frameset> </html>
Output:
In the above set of examples, we will see the sample and basic dtd usages in html. In the first example, we use the that is come under the html5 version. So we use normal and basic html codings. In the second example, we use strict dtd in html 4 version so it will accept the particular tags and elements; it will not be allowed to use the deprecated tag elements in the second example, but in the last example, we use the frameset dtd in the html documents it allows the deprecated elements as well as whatever we use the html 4 transitional dtd elements and also will include the frameset tag elements.
Conclusion
In html will use DOCTYPE as a better choice for creating the web-based applications, and also it will be helpful for the website users browsers that the document is related to the html based documents. If we suppose will not use the html tag elements in the inside of the document that should be with the DOCTYPE declaration, it must be must with the html standards with the help of web browsers, and templates will check the html standards.
以上是文檔類型 HTML的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何在html中的網站標題選項卡中添加圖標
Aug 07, 2025 pm 11:30 PM
要為網站標題欄添加圖標，需在HTML的部分鏈接一個favicon文件，具體步驟如下：1.準備一個16x16或32x32像素的圖標文件，推薦使用favicon.ico命名並放置於網站根目錄，或使用PNG、SVG等現代格式；2.在HTML的中添加鏈接標籤，如，若使用PNG或SVG格式則相應調整type屬性；3.可選地為移動設備添加高分辨率圖標，如AppleTouchIcon，並通過sizes屬性指定不同尺寸；4.遵循最佳實踐，將圖標置於根目錄以確保自動檢測，更新後清除瀏覽器緩存，檢查文件路徑正確性，
HTML5中的可讀性屬性是什麼？
Aug 08, 2025 am 11:55 AM
ThereadonlyattributeinHTML5makesforminputsnon-editablewhilestillallowingsubmissionanduserinteraction;1.Itappliestoandelements;2.Itisabooleanattribute,soonly"readonly"needstobepresent;3.Unlike"disabled",itallowsfocusandthedataisinc
如何以HTML5形式創建彩色選擇器？
Aug 08, 2025 am 03:48 AM
使用type="color"可創建HTML5顏色選擇器，1.使用添加顏色輸入；2.可通過value屬性設置默認顏色值（必須為7字符十六進制格式如#ffffff）；3.現代瀏覽器均支持，舊版瀏覽器會回退為文本輸入；4.可結合JavaScript實時預覽顏色變化；5.應添加label標籤以提升可訪問性，必要時可用JavaScript庫提供降級支持，該方法簡單有效且廣泛支持。
如何在HTML5中實現基本聯繫表？
Aug 08, 2025 am 04:57 AM
使用元素並設置action、method等屬性指定數據提交地址和方式；2.添加HTML5輸入類型如type="email"和required屬性以實現語義化和基礎驗證；3.通過label的for屬性與輸入框id關聯，提升可訪問性，並用p或div包裹每組標籤和輸入框以優化結構；4.表單提交需後端處理，測試時可使用Formspree等第三方服務替代；5.可選地通過JavaScript增強客戶端驗證，但原生HTML5驗證已能滿足基本需求，最終需在服務器端驗證和清理數據以確保安全，該
如何使用戶可以編輯HTML元素？
Aug 11, 2025 pm 05:23 PM
是的，可以通過使用contenteditable屬性使HTML元素可編輯，具體方法是添加contenteditable="true"到目標元素上，例如你可編輯此文本，此時用戶可直接點擊並修改內容；該屬性適用於div、p、span、h1至h6等塊級和行內元素；默認值為"true"表示可編輯，"false"表示不可編輯，"inherit"表示繼承父元素設置；為提升可訪問性，建議添加tabindex="0&quo
如何創建簡單的HTML5網頁
Aug 12, 2025 am 11:51 AM
創建一個簡單的HTML5網頁需要先使用聲明文檔類型，接著構建包含、和的基本結構，其中內設置字符編碼、視口和標題，內添加可見內容如標題、段落、鏈接、圖片和列表，保存為.html文件後即可在瀏覽器中直接打開查看，無需服務器支持，這是一個完整且有效的HTML5頁面的基礎。
HTML5中的局部元素是什麼？
Aug 12, 2025 pm 04:37 PM
thelementshouldshouldsbousedforcontenttangentytothemaincontent，SustAssidebars，pullquotes，定義，廣告，orrelelatedLinks; 2. ItcanbeplectlaceDinSideSideRoutsIdeAnartIcleDeAlticleDepledePonconTeptOncontendementement; 3.Seasemanticemanticelementthatenhancesacaccccccccccccccccceedibilityancibilityandseobypyandseobyp.Anderancebyp.And.anceScebibilibilyandseobyp
如何創建響應式HTML佈局
Aug 07, 2025 pm 11:47 PM
必須添加視口元標籤以確保移動設備正確渲染頁面，2.採用移動優先的設計方法，先為小屏幕編寫基礎樣式再通過媒體查詢適配大屏幕，3.使用Flexbox或Grid創建靈活的響應式網格佈局，4.通過max-width:100%確保圖像在不同設備上自適應縮放，5.優先使用rem、%、vw等相對單位而非固定像素值，6.利用瀏覽器開發工具並結合真實設備進行多場景測試，7.保持佈局簡潔且可訪問，使用語義化HTML並確保觸控區域足夠大，最終實現一個在所有設備上均表現良好的響應式網頁佈局。
