資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 中建立條件註釋？
條件註釋只不過是條件語句，用於隱藏或向瀏覽器提供 HTML 原始碼。
首先讓我們討論一下 HTML 註釋，然後我們將進一步瞭解 HTML 中的條件註釋。
HTML 註釋不是可執行語句；它們用於描述語句。
HTML 中的註釋有開始和結束標籤，<!-- -->。
這些註釋可以放置在 HTML 頁面中的任何位置，但最好放在 DOCTYPE 之後。
HTML 不能包含巢狀註釋，這意味著它不支援在一個註釋中巢狀另一個註釋。
HTML 註釋用於隱藏不必要的內容或臨時隱藏內容。
HTML 註釋還可以用於隱藏程式碼中間的一部分內容，我們稱之為隱藏內聯內容。
例如，如果您觀察以下 HTML 標籤，該語句的輸出為 - 他是一個男孩。它隱藏了單詞“有才華”。
<p>He is a <! ---talented - -> boy</p>
示例
以下是 HTML 文件中註釋的一個示例：
<!DOCTYPE html> <HTML> <body> <!--write the content here --> <p> Welcome to <!--HTML &--> CSS tutorial</p> <!--<img src=”pic.jpg --> </body> </html>
在上面的程式中，展示了三種表示註釋的方式，解釋了程式碼的使用、隱藏內聯內容、隱藏不必要的內容。現在讓我們討論一下 HTML 中的條件註釋。
條件註釋
條件註釋只不過是一種條件語句，用於隱藏或顯示 Internet Explorer 中的 HTML 原始碼。
HTML 中使用兩種型別的條件註釋，它們是：
downlevel-hidden - 用於在瀏覽器中隱藏 HTML 原始碼
downlevel-revealed - 用於在瀏覽器中顯示 HTML 原始碼
語法
讓我們看看 downlevel-hidden 和 downlevel-revealed 條件註釋的使用：
Downlevel-hidden <!—[if expression]> HTML Code has written here <![endif]--> Downlevel-revealed <![if expression]> HTML code has written here&;lt;![endif]>
示例
以下示例顯示瞭如何使用條件註釋：
<link href="home.css" rel="stylesheet"> <!--[if IE]><link href="body.css" rel="stylesheet"><![endif]-->
在 HTML 中使用條件註釋
讓我們看看在 HTML 中使用條件語句的必要性：
對於開發跨瀏覽器網站來說，對開發者來說是一個巨大的挑戰，因為 IE（Internet Explorer）在解釋 HTML 程式碼時與其他瀏覽器不同。
因此，藉助條件註釋，我們可以透過簡單地為 Internet Explorer 編寫一組單獨的程式碼，為其他瀏覽器編寫不同的程式碼來解決上述問題。
條件註釋的結構與 HTML 註釋相同。
透過檢視條件註釋的結構，其他瀏覽器會忽略在條件註釋內編寫的程式碼。
Internet Explorer 識別條件註釋，並將其視為正常的網頁內容。
以下是用於表示條件註釋的運算子。
! - 非運算子。
lt - 小於。
lte - 小於或等於。
gt - 大於。
gte - 大於或等於。
( ) - 表示用於在另一個條件中構建條件的子表示式。
& - AND 運算子。
| - OR 運算子。
現在讓我們看看一些關於使用運算子的downlevel hidden 和downlevel revealed 的程式 -
示例
以下示例演示了 HTML 中的downlevel hidden 條件註釋：
<!DOCTYPE>
<html>
<head>
<title>Example of conditional comment using downlevel hidden</title>
</head>
<body>
<h1>How to write conditional comment</h1>
<!--[if lte IE 8]>
<link href="sample.css" rel="stylesheet">
<![endif]-->
</body>
</html>
示例
以下示例演示了 HTML 中的downlevel revealed 條件註釋：
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Example of conditional comment using downlevel revealed</title> </head> <body> <h1>How to Write conditional comment</h1> <![if !IE]> <p>This message can be seen, if your browser is not IE </p> <![endif]> </body> </html>
1K+ 瀏覽量
