Text mode in IE! Introduction to the role of DOCTYPE

After solving the form auto-fill problem discussed in the previous article, a new problem arose: some styles of the page were not displayed correctly in IE. The corresponding styles exist when checked through IE developer tools. Compared with the local HTML page that can be displayed correctly, the styles are basically the same, except that some font styles are displayed as font-size styles in the developer tools. Everything else is the same, including the margin style that causes the style to be displayed incorrectly. Finally, I found through the developer tools that the text modes of the two pages were different. The text mode of the page that could be displayed correctly was the standard mode, while the page that displayed abnormally was the miscellaneous mode.

When checking the source code of the web page, it was found that the abnormal web page was decorated by sitemesh, and the decorated page did not define the text mode !DOCTYPE, which caused the browser to fail to parse the web page through the standard mode.

! Document type (abbreviated as !DOCTYPE in English, full name DOCumentTYPE in English), a !DOCTYPE is a document type declaration of a standard generalized markup language. Its purpose is to tell the standard generalized markup language parser what kind of document type definition (DTD) it should use to parse the document. It appears as the first line of the file and has the following form:
<!DOCTYPE html
PUBLIC "Quoted String">
A "reference string" is called a public identifier, which refers to the desired Document Type Definition (DTD) by a "well-known" name, usually from an associated standard. [1]
Availability:
Specifies whether a formal public identifier (FPI) is a publicly accessible object or a system resource.
The Internet Engineering Task Force (IETF) and the World Wide Web Consortium (W3C) are not registered ISO organizations.

<<: Detailed explanation of Socket (TCP) bind from Linux source code

>>: Some indicators of excellent web front-end design

Text mode in IE! Introduction to the role of DOCTYPE

Abbreviation of HTML DOCTYPE

How to implement gzip compression in nginx to improve website speed

Sharing an idea of building a master-slave system for a large MySQL database

Detailed installation and configuration tutorial of MySQL flashback tool binlog2sql

Sample code for using js to implement Ajax concurrent requests to limit the number of requests

MySQL database import and export data error solution example explanation

The pitfall record of case when judging NULL value in MySQL

Limit input type (multiple methods)

CSS solves the misalignment problem of inline-block

mysql method to view the currently used configuration file my.cnf (recommended)

Recommend

HTML+CSS to achieve drop-down menu

Detailed explanation of the solution to docker-compose being too slow

Several scenarios for using the Nginx Rewrite module

How to deploy Confluence and jira-software in Docker

Use SQL statement to determine whether the record already exists before insert

Usage and principles of provide and inject in Vue3

Learn more about using regular expressions in JavaScript

Docker Nginx container and Tomcat container to achieve load balancing and dynamic and static separation operations

Problems and pitfalls of installing Mysql5.7.23 in Win10 environment

Introduction to Jenkins and how to deploy Jenkins with Docker

MySQL starts slow SQL and analyzes the causes

Why does using limit in MySQL affect performance?

What you need to understand about MySQL locks

A Preliminary Study on JSBridge in Javascript

Node.js+express+socket realizes online real-time multi-person chat room