html中只支持一種注釋符“<!– –>”,包含在“<!–”和“–>”之間的所有內(nèi)容都會被視為注釋;“<!– –>”符可以實(shí)現(xiàn)單行注釋也可實(shí)現(xiàn)多行注釋,只需要保證注釋的內(nèi)容在“<!–”和“–>”之間即可?!?lt;!– –>”注釋可以出現(xiàn)在HTML文檔的任意位置,包括文檔開頭、文檔末尾、文檔中間、標(biāo)簽外部、標(biāo)簽內(nèi)容中等。
前端(vue)入門到精通課程:進(jìn)入學(xué)習(xí)
API 文檔、設(shè)計(jì)、調(diào)試、自動化測試一體化協(xié)作工具:點(diǎn)擊使用
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
HTML注釋(附帶示例)
HTML 注釋主要用來對文檔中的代碼進(jìn)行解釋說明,注釋也是代碼的一部分,但瀏覽器會自動忽略注釋的內(nèi)容,所以用戶在網(wǎng)頁中是看不到注釋的。
我們在編寫代碼時應(yīng)該善用注釋,因?yàn)橐粋€完整的 HTML 文檔往往由成百上千行代碼組成,當(dāng)我們想要修改其中的某個部分時可能需要花費(fèi)很長的時間才能找到想要修改的地方。有了注釋就不一樣了,我們可以根據(jù)功能或者其它條件將程序劃分為若干個部分并通過注釋進(jìn)行標(biāo)記,這樣可以幫助您和他人閱讀您的代碼,提高代碼的可讀性。
單行注釋
在 HTML 中您可以使用<!– –>在代碼中添加注釋,<!–和–>之間的所有內(nèi)容都會被視為注釋。示例代碼如下:
<!DOCTYPE html> <html> <!-- head 開始 --> <head> <meta charset="UTF-8"> <!-- 當(dāng)前文檔采用UTF-8編碼 --> <title>HTML注釋的寫法</title> </head> <!-- head 結(jié)束 --> <!-- body 開始 --> <body> <!-- 一段文本 --> <p>歡迎來到PHP中文網(wǎng)</p> </body> <!-- body 結(jié)束 --> </html>
注釋可以出現(xiàn)在 HTML 文檔的任意位置,包括文檔開頭、文檔末尾、文檔中間、標(biāo)簽外部、標(biāo)簽內(nèi)容中等。
多行注釋
前面我們主要演示的是單行注釋,在 HTML 中同樣支持多行注釋。多行注釋與單行注釋的區(qū)別并不大,我們只需要保證注釋的內(nèi)容在<!--
和-->
之間即可,如下所示:
<!-- 多行注釋 -->
使用注釋除了可以對代碼進(jìn)行說明外,還可以用來注釋程序中的代碼,例如當(dāng)不希望某段代碼執(zhí)行時,就可以先將它們注釋掉,這樣瀏覽器就不會執(zhí)行這段代碼了。
IE 條件注釋
條件注釋僅對 Windows 系統(tǒng)上的 Internet Explorer(IE)瀏覽器中有效,其他的瀏覽器會忽略它們。從 IE5 開始支持條件注釋,您可以使用條件注釋為使用 IE 瀏覽器的用戶提供一些說明。如下所示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IE瀏覽器條件注釋</title> </head> <body> <h4>根據(jù)不同的 IE 版本顯示不同的內(nèi)容</h4> <!-- 如果使用 IE,則顯示 --> <!--[if IE]> <p>您正在使用IE瀏覽器</p> <![endif]--> <!-- 如果使用 IE8,則顯示 --> <!--[if IE 8]> <p>您正在使用 IE8</p> <![endif]--> <!-- 如果不是使用 IE7,則顯示 --> <!--[if !IE 7]> <p>您使用的不是 IE7</p> <![endif]--> <!-- 如果版本小于 IE10,則顯示 --> <!--[if lt IE 10]> <p>您正在使用 IE10 以下的版本</p> <![endif]--> <!-- 如果版本大于等于 IE6,則顯示 --> <!--[if gte IE 6]> <p>您正在使用 IE6 及其以上的版本</p> <![endif]--> </body> </html>
在 IE8 下的運(yùn)行效果:
在 Chrome 瀏覽器下的運(yùn)行效果:
條件注釋可以檢測當(dāng)前瀏覽器是否是 IE,以及 IE 版本,開發(fā)人員可以根據(jù)不同的 IE 瀏覽器加載不同的樣式表或者 JS 腳本。
比較 IE 版本將會用到如下關(guān)鍵字:
-
lt:less than 的簡寫,也就是小于的意思。
-
lte:less than or equal to 的簡寫,也就是小于或等于的意思。
-
gt:greater than 的簡寫,也就是大于的意思。
-
gte:greater than or equal to 簡寫,也就是大于或等于的意思。
-
!:不等于
IE 瀏覽器對 HTML5 支持不太友好,低版本的行為更是怪異,IE 已經(jīng)逐漸退出市場,各大互聯(lián)網(wǎng)巨頭也不再兼容 IE,大家在開發(fā)過程中也不用重點(diǎn)考慮 IE。
(學(xué)習(xí)視頻分享:web前端)