欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

html注释与CSS注释有什么区别

一、注释语法不同   -   TOP

html注释语法:

  1. <!-- 注释说明内容 --> 

CSS注释语法:

  1. /* 注释说明内容 */ 

二、注释使用地方不同   -   TOP

1、html注释是用于html源代码

html代码中使用注释
html代码中使用注释

2、css注释只能使用于CSS代码中

css代码中注释示范
css代码中注释示范

三、错误与正确注释对比   -   TOP

css注释使用html注释,html代码中使用css注释这都是错误的,会导致有些容错差的浏览器不兼容,造成布局错位等兼容问题。

错误注释示范截图
错误注释示范截图

css注释与html注释放置位置错误、误用,都会造成注释失效,你可以复制以下示例代码,观察错误注释造成错误注释失效。

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>www.divcss5.com</title>  
  6. <style> 
  7. /* www.divcss5.com的css注解实例css注释实例 */  
  8. body{margin:0 auto;}  
  9. /* 头部css定义 */  
  10. <!-- #header{ width:260px; height:120px;} --> 
  11. </style> 
  12. </head>  
  13. <body>  
  14. <div id="header"></div> 
  15. <!-- 我是被注释内容,并且在浏览器中不会显示 -->  
  16. 我是内容-html注释知识  
  17. /* 错位的注释 */ 
  18. </body>  
  19. </html>  

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w535.shtml