Web Front-end
HTML Tutorial
Browser parsing mode: Detailed explanation of usage of DOCTYPE declaration issues
Browser parsing mode: Detailed explanation of usage of DOCTYPE declaration issues
| Webpage production cnn6 article introduction: IE8 has 4 modes: IE5.5 weird mode, IE7 standard mode, IE8 almost standard mode, IE8 standard model. |
Trigger standard mode
1. Add DOCTYPE statement, such as:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> < !DOCTYPE html>
2. Set X-UA-Compatible trigger.
Trigger weird mode
1. No doctype statement, define old HTML version (below HTML4, such as 3.2)
2. Add XML statement, can be triggered under ie6
3. Add HTML between the XML declaration and the DOCTYPE of XHTML Comment, can be triggered under ie7
< !-- keep IE7 in quirks mode -->
< !DOCTYPE ...>
5, placed in front of
IE8 has 4 modes: IE5.5 weird mode, IE7 standard mode, IE8 almost standard mode, IE8 standard mode
The impact of X-UA-Compatible setting on IE8 mode:
1. Set X-UA-Compatible meta
IE=5, IE= 6 (any number between 5 and 6, such as 5.987654321): trigger IE5 weird mode (regardless of whether the page has DOCTYPE)
IE=7(7<= value<8): force IE7 standard (regardless of the page Whether there is DOCTYPE)
IE=EmulateIE7: Follow DOCTYPE (with DOCTYPE-IE7 standard; no DOCTYPE-IE5 weird mode)
IE=EmulateIE8: Follow DOCTYPE (DOCTYPE-IE8 almost standard mode (or IE8 standard mode); No DOCTYPE-IE5 weird mode)
IE=8, IE=Edge, IE=99, IE=9.9 (greater than or equal to 8): With doctype-use almost standard mode, or IE8 standard; without doctype-IE8 standard.
No X-UA-Compatible, IE=IE8, IE=IE7, IE=a, write X-UA-Compatible after the or
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
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1386
52
How to customize the resize symbol through CSS and make it uniform with the background color?
Apr 05, 2025 pm 02:30 PM
The method of customizing resize symbols in CSS is unified with background colors. In daily development, we often encounter situations where we need to customize user interface details, such as adjusting...
Why can custom style sheets take effect on local web pages in Safari but not on Baidu pages?
Apr 05, 2025 pm 05:15 PM
Discussion on using custom stylesheets in Safari Today we will discuss a custom stylesheet application problem for Safari browser. Front-end novice...
How to correctly display the locally installed 'Jingnan Mai Round Body' on the web page?
Apr 05, 2025 pm 10:33 PM
Using locally installed font files in web pages Recently, I downloaded a free font from the internet and successfully installed it into my system. Now...
How to control the top and end of pages in browser printing settings through JavaScript or CSS?
Apr 05, 2025 pm 10:39 PM
How to use JavaScript or CSS to control the top and end of the page in the browser's printing settings. In the browser's printing settings, there is an option to control whether the display is...
How to use locally installed font files on web pages?
Apr 05, 2025 pm 10:57 PM
How to use locally installed font files on web pages Have you encountered this situation in web page development: you have installed a font on your computer...
Why does negative margins not take effect in some cases? How to solve this problem?
Apr 05, 2025 pm 10:18 PM
Why do negative margins not take effect in some cases? During programming, negative margins in CSS (negative...
The text under Flex layout is omitted but the container is opened? How to solve it?
Apr 05, 2025 pm 11:00 PM
The problem of container opening due to excessive omission of text under Flex layout and solutions are used...
Why does my A-tagged image automatically download when it links to the same-origin image?
Apr 05, 2025 pm 03:39 PM
Regarding the problem of automatically downloading images when tag links with same origin, many developers will encounter the image after clicking when using tag links with same origin...
