html - 为什么样式表在评论中？

Question

<style type="text/css">
<!--
.style1 {
    color: #666666;
    font-weight: bold;
}
.style8 {font-size: 12px; color: #333333; }
.style9 {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}
.style12 {font-size: 12px; font-weight: bold; color: #666666; }
.style13 {font-size: 12px; font-weight: bold; color: #0066FF; }
.style14 {
    color: #0043A8;
    font-size: 16px;
}
.style15 {color: #FFFFFF}
.style16 {color: #990000}
.style18 {color: #990000; font-size: 12px; }
.style20 {font-size: 12px; font-weight: bold; color: #575757; }
-->
</style>

以上样式表包含在 <!-- --> 中html评论标签。为什么？我对此无法得到有效的解释；有些教程会这样做而有些则不会(比如 http://www.w3schools.com/css/css_howto.asp 我认为这是非常有效的引用)

Answer 1

这不是评论...这是一种从旧浏览器解析器(主要是 IE6-)中隐藏此类文本 block 的方法

这与使用 CDATA 相同关于 <script> 的技术标记...以保护错误的数据解析免受非常奇怪的引擎(主要是IE)的影响:)

虽然正确的方法应该使用:

样式

<style type="text/css">
/*<![CDATA[*/
    body { color: yellow; }     
/*]]>*/
</style>

脚本

<script type="text/javascript">
//<![CDATA[
    $(function() { ... });
//]]>
</script>

使用 CDATA在这两种情况下都是正确且安全的方式，评论方式只是实现相同最终结果的技巧。

---

现在，关于您在指出 W3Schools 时我认为是非常有效的引用，看看这个:

http://w3fools.com/