用HTML编写注释的正确方法是：<！-Comment->.对于Javascript,写注释的正确方法是// Comment或/ * Comment * /,而对于CSS,注释写为/ * Comment * /.

用HTML元素的style和onclick属性编写注释的正确方法是什么？

例如,哪个是对的？这个：

<span style='color: red; <!-- background-color: green; -->'>Test</span>

或这个：

<span style='color: red; /* background-color: green; */'>Test</span>

在fiddle上进行测试,两个代码产生的单词“ Test”的结果相同,为红色,没有背景色.

另外,哪个正确？这个：

<span onclick="alert('1'); // alert('2');">Click me!</span>  

这个：

<span onclick="alert('1'); /* alert('2'); */">Click me!</span>

或这个：

<span onclick="alert('1'); <!-- alert('2'); -->">Click me!</span>

因为根据this提琴,所有3个元素在单击时都会产生一个警告,说“ 1”.

谢谢您的回答.

解决方法:

style属性的语法与CSS文件基本相同.因此注释语法与CSS中的相同,即/ * … * /

onEVENT属性的语法是Javascript. Javascript有两种类型的注释：//注释直到行尾,和/ * … * /包含注释.如果onEVENT属性是一行,如果使用//,它将注释该属性的其余部分.如果要提前结束注释,请使用/ * … * /.您还可以在onEVENT属性中包含换行符.那么//注释只会持续到换行符.

例：

<div id="foo" onclick="alert('foo'); // comment */; alert('bar');">
    // comment
</div>
<div id="bar" onclick="alert('foo'); /* comment */ alert('bar');">
    /* */ comment
</div>
<div id="foobar" onclick="alert('foo'); // comment
alert('bar')">
    // comment multi-line
</div>

在// comment中,第二个alert()被注释掉.在/ * * /注释中,两个警报均执行.此外,两个警报都在//多行注释中执行.
令人惊讶的是,SO代码突出显示功能正确！

FIDDLE