3 
<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我认为这是非常有效的参考）

4

5 回答 5

6

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

这与在标签上使用CDATA技术相同......以保护对非常奇怪的引擎（主要是 IE）的数据解析错误:)<script>

虽然正确的方法是使用：

风格

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

对于脚本

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

CDATA在这两种情况下使用都是正确且安全的方式，注释方式只是完成相同最终结果的技巧。

现在，关于您在指出 W3Schools 时我认为是非常有效的参考，请看一下：

http://w3fools.com/

于 2013-02-07T11:12:33.693 回答
2

这是一种过时的方法，可以向比引入<style>或<script>标记的标准更早的浏览器隐藏内容。

这种习惯不再有效，实际上会导致比它解决的问题更多的问题。

除非您正在为生活在 1990 年代的人们开发一个网站（就像 w3schools 的编辑一样）......不要这样做！

于 2013-02-07T11:12:44.163 回答
1

这样做是为了避免在一些不了解<style>标记的（旧）浏览器中显示脚本内容。看到这个。

于 2013-02-07T11:09:13.107 回答
1

对于不支持 CSS/style 标记的旧浏览器来说，这是一个 hack……见http://www.w3.org/TR/html4/present/styles.html#h-14.5

于 2013-02-07T11:11:20.653 回答
0

很少有浏览器将non-HTML代码视为纯文本。此注释用于引导该浏览器，即代码已注释，因此不会browsers将其显示为 html 输出。

于 2013-02-07T11:09:56.883 回答