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

May 16, 2016 pm 04:39 PM
html block comments

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

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

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)

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.

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.

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 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.

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

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

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