Home > Web Front-end > HTML Tutorial > Detailed introduction to the use of block comments in html_HTML/Xhtml_Web page production

Detailed introduction to the use of block comments in html_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:39:48
Original
1840 people have browsed it

Ordinary comments in html: , where XXXXXXXX is the comment content

block comment css in html ( Recognized by all except IE
2.
3. < !--[if IE 5.0]> Only IE5.0 can recognize
4.
5.
7.
8.
9.
10.
11.


Ite: less than or equal to meaning It is less than or equal to IE6 browser, used for conditional comments of IE browser, commonly used in CSShack, JS for IE, etc.

In the process of learning and applying WEB standard web pages, the compatibility of web pages with browsers is an issue that is often encountered. Among them, Microsoft's Internet Explorer (IE for short) occupies most of the browser market, in addition to Firefox, Opera, etc. Compatibility with these browsers is required.
At the same time, as far as IE is concerned, due to the upgrade and replacement of IE versions, the current browsers mainly use IE5 (IE5.5), IE6 and IE7. These three versions have different interpretation and execution of the WEB standard web pages (XHTML CSS) we produced. Moreover, other non-IE browsers and IE interpret some CSS differently. Therefore, relevant attributes can be defined in a targeted manner through proprietary conditional comments in IE browser.
Conditional comments can only be used in Explorer 5 Windows (hereinafter referred to as IE) (conditional comments are supported starting from IE5). If you have multiple IEs installed, conditional comments will be based on the highest version of IE (currently IE 7).

Conditional comments can only be used under windows Internet Explorer (hereinafter referred to as IE), so we can add special instructions for IE through conditional comments.
In layman terms, conditional comments are some if judgments, but these judgments are not executed in the script, but directly in the html code, such as:

1. The basic structure of conditional comments is the same as HTML comments (). Therefore browsers other than IE will treat them as ordinary comments and ignore them completely.
2. IE will use the if condition to determine whether to parse the content in the conditional comment like normal page content.
3. Conditional comments use the HTML comment structure, so they can only be used in HTML files, not CSS files.

You can use the following code to detect the current IE browser version (note: the effect will not be visible in non-IE browsers)

Copy code
The code is as follows:



Version 5.0








What should you do if the current browser is IE, but the version is lower than IE5? You can use








This distinguishes the execution of CSS by IE7 and IE6 downward browsers to achieve compatibility. At the same time, the default css.css in the first line is also compatible with other non-IE browsers.

Note: The default CSS style should be located on the first line of the HTML document, and all content for conditional comment judgment must be located after the default style.
For example, if the following code is executed in IE browser, it will be displayed in red, but in non-IE browser, it will be displayed in black. If the conditional comment judgment is placed on the first line, it cannot be implemented. This example question is very useful in explaining how to solve the compatibility issues between IE browsers and non-IE browsers on web pages.

Copy code
The code is as follows:




At the same time, some people will try to use