您的位置: 首頁 > 技術文檔 > 網頁制作 > COMMENT IN HTML
HTML5(目前)無法幫你實現的五件事 回到列表 CSS3彈性盒模型布局模塊介紹
 COMMENT IN HTML

作者:mark.chenfl 時間: 2011-12-04 文檔類型:合作網站提供 來自:Alibaba.com UED

按照W3C的定義,HTML中的注釋以<!–開頭,以–>結尾,但是真相并不僅僅如此。HTML是由SGML(標準通用標記語言)衍生而來,而在SGML中注釋的定義如下:

一個注釋以<!開頭,以>結尾。注釋中可以包含零個或多個注釋塊,每個注釋塊以–開頭,并以–結尾。并且,注釋塊之間可以包含空格。

因此,以下注釋都是正確的:

<!--Hello--> <!--Hello-- --World--> <!----> <!>

用正則表達式來表示的話,/<!(–[^-]*–)?(\s*–[^-]*–)*>/能夠匹配的注釋都是正確的。因此,下邊這種詭異的注釋雖然是一個正確的SGML注釋,但是按照W3C的定義來說就不正確了。

<!--Hello---->World-->

反過來,下邊兩種注釋是正確的W3C注釋,但是卻不是正確的SGML注釋,因為包裹注釋塊的–沒有配對。

<!---- >--> <!------>

然后問題就來了。Firefox按照SGML的標準來解釋注釋的。而IE、Chrome、Opera按照W3C的標準來解釋注釋。所以<!–Hello—->World–>這種注釋在Firefox下正常,但是在其它瀏覽器下會把World–>顯示在頁面里。反過來,<!——>在其它瀏覽器里正常,但是Firefox下會把<!——>顯示在頁面里,因為Firefox認為這不是一個注釋。另外,對于<!—- >–>來說,Firefox會認為<!—- >才是注釋,把后邊的–>顯示出來,IE和Chrome下這個是一個正確的注釋,而Opera會“智能”地認為<!—- >–>中間的空格是不小心多出來的,所以“好心”地把空格去掉后,把不適注釋部分的–>給顯示出來。

由于注釋中間的中劃線在各種瀏覽器中的表現如此不一致,因此為了避免種種意想不到的驚喜,最直接的做法就是避免在注釋中包含中劃線。

有的同學或許要問,這個或許是一個不錯的知識,可是和我們的日常開發有什么關系呢?那么請看下邊這段html:

<!--<a href="Sedan'>http://www.alibaba.com/products/used_cars/--1217----------------6-5574,.html">Sedan <span>(79727)</span></a>-->

在我們的網站里這種鏈接很常見,而且href的value是模板變量生成的。因此,如果我們在模板里這么寫:

<!--<a href="${Url}">${Name}<span>(${num})</span></a>-->

可能覺得不會有問題,但是最后生成的頁面在Firefox下就會把注釋部分顯示成下邊這樣:

Sedan (79727)-->

這個例子作為理由來講的確很不充分,畢竟沒有誰會用HTML注釋來刪掉頁面里不需要的內容,但是說不定以后的什么時候這些關于注釋的知識會在各位的工作中派上用場,這就是豆知識。

PS:如果有同學對HTML注釋特別感興趣,可以繼續閱讀本文的參考文獻:

本文鏈接:http://www.ditdrb.tw/tech/web/2011/8695.asp 

出處:Alibaba.com UED
責任編輯:bluehearts

◎進入論壇網頁制作WEB標準化版塊參加討論,我還想發表評論

作者文章
DNS優化的原理和方法
HTML5設計原則
熱門搜索:CSS Fireworks 設計比賽 網頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大福“敬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數企業唯一擁抱互聯網的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯網觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數據同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創建自定義SQL Rule
分享按鈕

藍色理想版權申明:除部分特別聲明不要轉載,或者授權我站獨家播發的文章外,大家可以自由轉載我站點的原創文章,但原作者和來自我站的鏈接必須保留(非我站原創的,按照原來自一節,自行鏈接)。文章版權歸我站和作者共有。

轉載要求:轉載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內容無關的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網上道德,遵守中華人民共和國的各項有關法律法規
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權保留或刪除其管轄評論中的任意內容
·您在本站發表的作品,本站有權在網站內轉載或引用
·參與本評論即表明您已經閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業書推薦 更多內容
網站可用性測試及優化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網站UI 設計之道
《Flex 4.0 RIA開發寶典》
《贏在設計》
犀利開發—jQuery內核詳解與實踐
作品集 更多內容

雜⑦雜⑧ Gold NORMANA V2
公式规律一波中特