Home Web Front-end HTML Tutorial HTML tutorial: WEB standards from scratch_DOCTYPE statement

HTML tutorial: WEB standards from scratch_DOCTYPE statement

Dec 20, 2016 pm 02:27 PM
html web standards

On earlier web pages, we can often see the following web page structure code:



This is a webpage

< ;meta name=”…” content=”…” />

Obviously, the web page code with this structure does not comply with Web standards, but the browser can still render this web page well, as long as there are no errors in the code. In fact, this is just like a page with a Table layout and a page with a Div structure. The browser can render it. The key is which page will render with higher quality.

There is a long distance between making a page and making a page.

In the development process of browsers, Microsoft has always become the dominant player in the browser market by bundling Internet Explorer into the Windows operating system. This has also resulted in a series of IEs that ignore the Web standards set by the W3C organization. Regarding the matter, Microsoft's IE has always only followed its own Web standards. Fortunately, Microsoft has decided to support Web standards in IE8, although this matter has not yet been finalized. In addition to Microsoft's IE, browsers such as Mozilla Firefox, Apple Safari, Opera, and Chrome have been fighting against IE for a long time in the name of supporting Web standards.

Differences in browsers result in different default parsing of HTML codes, so even the same code may appear in different styles under different browsers, so this requires a copy that all browsers follow Rules to coordinate differences between browsers, this rule requires a declaration to reference it, this declaration is DOCTYPE - document type (document type).

The DOCTYPE declaration is an essential part of a standard web page. Therefore, if you want to create a web page that complies with W3C standards, you first need to declare a document type for this page. There are three types of DTD (document type definition) declared by DOCTYPE, namely:

Transitional (transitional): a DTD with less strict requirements, allowing you to continue to use HTML4.01 tags in the page;

Strict ( Strict): This is the ideal DTD method when making pages, but this document type definition does not allow the use of any tags and attributes on the presentation layer;

Frameset (Frameset): This is specifically for pages that contain frames in their design. DTD.

Due to the impact that frame-type design may have on the inclusion of web pages in search engines, many web pages do not use frame design; and Strict DTD is just an ideal way for most people; Transitional DTD It is currently the most applicable and widely used document type definition. Now, if you open any web page that complies with Web standards, you can see this statement at the beginning of the page:

This is a DOCTYPE statement about an XHTML web document. Of course, this does not mean that the DOCTYPE statement can only be used for XHTML web documents. For web documents using HTML4.01, the DOCTYPE statement can also be used:

Transitional DTD:


Strict DTD:

The only thing to note is that the position of the DOCTYPE declaration must be at the very beginning of the page, at No code or tags can appear before the DOCTYPE declaration code, otherwise the tags or CSS styles on the page may become invalid.



The above is the content of the HTML tutorial: WEB standards from scratch_DOCTYPE statement. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!


Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1662
14
PHP Tutorial
1261
29
C# Tutorial
1234
24
Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

How do you parse and process HTML/XML in PHP? How do you parse and process HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles