html中只支援一種註解符號“<!-- -->”,包含在“<!--”和“-->”之間的所有內容都會被視為註釋;“<!-- -->”符可以實現單行註釋也可實現多行註釋,只需要保證註釋的內容在“<!--”和“-->”之間即可。 「<!-- -->」註解可以出現在HTML文件的任何位置,包括文件開頭、文件結尾、文件中間、標籤外部、標籤內容中等。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
HTML註解(附帶範例)
#HTML 註解主要用來對文件中的程式碼進行解釋說明,註解也是程式碼的一部分,但瀏覽器會自動忽略註釋的內容,所以使用者在網頁中是看不到註釋的。
我們在寫程式碼時應該善用註釋,因為一個完整的HTML 文件往往由成百上千行程式碼組成,當我們想要修改其中的某個部分時可能需要花費很長的時間才能找到想要修改的地方。有了註釋就不一樣了,我們可以根據功能或其它條件將程式劃分為若干個部分並透過註釋進行標記,這樣可以幫助您和他人閱讀您的程式碼,提高程式碼的可讀性。
單行註解
在HTML 中您可以使用<!-- -->在程式碼中加入註釋,<!--和--> ;之間的所有內容都會被視為註釋。範例程式碼如下:
<!DOCTYPE html> <html> <!-- head 开始 --> <head> <meta charset="UTF-8"> <!-- 当前文档采用UTF-8编码 --> <title>HTML注释的写法</title> </head> <!-- head 结束 --> <!-- body 开始 --> <body> <!-- 一段文本 --> <p>欢迎来到PHP中文网</p> </body> <!-- body 结束 --> </html>
註解可以出現在 HTML 文件的任何位置,包括文件開頭、文件結尾、文件中間、標籤外部、標籤內容中等。
多行註解
前面我們主要示範的是單行註釋,在 HTML 中同樣支援多行註解。多行註解與單行註解的差異並不大,我們只需要保證註解的內容在<!--
和-->之間即可,如下所示:
<!-- 多行注释 -->
使用註解除了可以對程式碼進行說明外,還可以用來註解程式中的程式碼,例如當不希望某段程式碼執行時,就可以先將它們註解掉,這樣瀏覽器就不會執行這段程式碼了。
IE 條件註解
條件註解僅對 Windows 系統上的 Internet Explorer(IE)瀏覽器中有效,其他的瀏覽器會忽略它們。從 IE5 開始支援條件註釋,您可以使用條件註釋為使用 IE 瀏覽器的使用者提供一些說明。如下所示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IE浏览器条件注释</title> </head> <body> <h4>根据不同的 IE 版本显示不同的内容</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 下的運作效果:
#在Chrome 瀏覽器下的運作效果:
#條件註解可以偵測目前瀏覽器是否為IE,以及IE 版本,開發人員可以根據不同的IE 瀏覽器載入不同的樣式表或JS 腳本。
比較 IE 版本將會用到以下關鍵字:
lt:less than 的簡寫,也就是小於的意思。
lte:less than or equal to 的簡寫,也就是小於或等於的意思。
gt:greater than 的簡寫,也就是大於的意思。
gte:greater than or equal to 簡寫,也就是大於或等於的意思。
!:不等於
IE 瀏覽器對HTML5 支援不太友好,低版的行為更是怪異,IE 已經逐漸退出市場,各大網路巨頭也不再相容IE,大家在開發過程中也不用重點考慮IE。
(學習影片分享:web前端)
以上是html單行註解符號有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!