style标签中的<!--->的作用是什么

最新推荐文章于 2025-03-15 16:28:48 发布

转载最新推荐文章于 2025-03-15 16:28:48 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/573372

本文解释了在HTML文档中的style标签内使用HTML注释的原因。这种做法主要用于防止老版本浏览器直接显示CSS代码，同时确保现代浏览器能正确解析并应用样式。

可能很多朋友在阅读别人的css代码的时候，可能会发现这样的现象，那就是style标签内部具有带有html注释。

代码如下:

 
          <
          style 
          type
          =
          "text/css"
          > 
         
          <!-- 
         
          *{
         
          margin:0px; 
         
          padding:0px; 
         
          }
         
          -->
         
          </
          style
          >

下面就介绍一下为什么要加那个html注释:

再强调一遍，<!--->是html注释。它主要是针对老版本不识别style标签的浏览器，如果没有此html注释且浏览器不识别style标签的话，就会将css代码显示于页面，如果加上此注释，那么css代码就会被显示与页面了，对于识别style标签的浏览器来说，它内部的html注释将会被忽略，css代码会被正常渲染。

原文发布时间为：2017-2-17

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：style标签中的<!--->的作用是什么