在“style”和“onclick”等属性中编写注释的正确方法是什么？

Question

在 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>

在小提琴中进行测试，两个代码都产生了相同的结果，即单词“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>

因为，根据这个小提琴，所有 3 个元素在单击时都会产生一个警报，显示“1”。

我将不胜感激你的回答。

Answer 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()被注释掉。在 中/* */ comment，两个警报都会执行。此外，这两个警报都在// comment multi-line. 令人惊讶的是，SO 代码荧光笔做到了这一点！

小提琴