Foreword:
Today I was asked, “Have you ever carefully understood the tag?” I was stunned. For a moment, because I first saw the suggestion to use XHTML Transitional DTD on W3cschool, I obediently set Dreamweaver’s HTML document type to XHTML 1.0 Transitional by default. It has been used as a matter of course ever since. It’s true that people become lazier as they grow older, and many things are subconsciously taken for granted. Since I have been asked, I went to look for information and summarized it. Let’s take it as a note~~
’s definition:
The declaration is located at the frontmost position in the document, before the tag. This tag tells the browser which HTML or XHTML specification the document uses.
This tag can declare three DTD types, representing strict version, transitional version and framework-based HTML version. (If the markup in the document does not follow the DTD specified by the doctype declaration, the document may not pass code verification and may not be displayed correctly in the browser.)
Usage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Parsing: In the above declaration, it is declared that the root element of the document is html, which is defined in the DTD with the public identifier defined as "-//W3C//DTD XHTML 1.0 Strict//EN". The browser will know how to find a DTD that matches this public identifier. If it is not found, the browser will use the URL following the public identifier as the location to look for the DTD.
- : Indicates that the organization name is not registered. The Internet Engineering Task Force (IETF) and the World Wide Web Consortium (W3C) are not registered ISO organizations.
is the default, indicating that the organization name has been registered.
DTD : Specifies the public text class, that is, the referenced object type. Default is DTD.
HTML : Specify the public text description, that is, the unique descriptive name of the referenced public text. A version number can be attached at the back. Default is HTML.
URL: specifies the location of the referenced object.
Strict: Excludes all representative attributes and elements that W3C experts wish to phase out.
Three HTML document types:
HTML 4.01 specifies three document types: Strict, Transitional and Frameset.
a ) If you need clean markup to avoid clutter in the presentation layer, use HTML Strict DTDType:
b ) Transitional DTD can contain rendering attributes and elements that the W3C expects to be moved into style sheets. If the user is using a browser that does not support Cascading Style Sheets (CSS) and you have to use the rendering features of HTML, use the Transitional DTD type:
c ) Frameset DTD is used for documents with frames. The Frameset DTD is equivalent to the Transitional DTD, except that the frameset element replaces the body element:
Three XML document types:
XHTML 1.0 specifies three Three XML document types: Strict, Transitional, and Frameset.
a ) If you need clean markup to avoid clutter in the presentation layer, use the XHTML Strict DTD type:
The DTD can contain rendering attributes and elements that the W3C expects to be moved into style sheets. If the user is using a browser that does not support Cascading Style Sheets (CSS) and you have to use the rendering features of HTML, use the Transitional DTD type:
c
) Frameset DTD is used for documents with frames. The Frameset DTD is equivalent to the Transitional DTD, except that the frameset element replaces the body element:
Choose the correct doctype:
In order to get the correct doctype declaration, the key is to make the dtd correspond to the standard that the document follows.
For example, assuming that the document follows the xhtml 1.0 strict standard, the document's doctype declaration should reference the corresponding dtd.
On the other hand, if the doctype declaration specifies an xhtml dtd, but the document contains old-style html markup, it is inappropriate; similarly, if the doctype declaration specifies an html dtd, but the document contains The is
xhtml 1.0 strict tag, which is also inappropriate.
If no valid doctype declaration is specified, most browsers will use a built-in default dtd. In this case, the browser will use the built-in dtd to try to display the tag you specify (but this is what happens when the page is poorly written).
I checked JD.com, Taobao, and Blog Park, and they all use this one (I have always used this one):
!doctype html>", I checked the information carefully and found that HTML5 also uses this directly, but because HTML 5 is not based on SGML, there is no need to
reference the DTD, but it is required doctype to regulate browser behavior (make browsers behave the way they should).
It is recommended to use "" directly in the future. Using will turn on the browser's standard compatibility mode. In standard compatibility mode, compatibility with other versions cannot be guaranteed. (Before IE6, just ignore it), Internet Explorer remains compatible. The rendering behavior of the document may be different from that of future Internet Explorer, but please feel free to use it~~
Tips:
XHTML 1 is the XMLization of HTML 4.01, which is a format that is not forward-compatible.
The doctype in HTML 4.01 requires a reference to the DTD because HTML 4.01 is based on SGML.
SGML specifies a standard format for embedding description tags in documents and specifies a standard method for describing the structure of a document. The HTML format currently used on the WEB is a SGML document that uses a fixed set of tags.
What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PMThe article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159
What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PMThe article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati
How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PMThe article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.
What is the purpose of the <iframe> tag? What are the security considerations when using it?Mar 20, 2025 pm 06:05 PMThe article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.
What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PMThe article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex
What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PMArticle discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.
What is the viewport meta tag? Why is it important for responsive design?Mar 20, 2025 pm 05:56 PMThe article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.
How do I use the HTML5 <time> element to represent dates and times semantically?Mar 12, 2025 pm 04:05 PMThis article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
MantisBT
Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
WebStorm Mac version
Useful JavaScript development tools
Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.
