javascript - 为什么我不能在 HTML 标签中插入评论？

Question

为什么我不能在 HTML 标签内插入评论？

示例:HTML 格式(不可能)

 <img <!-- sample comment--> src="" alt="Sample Picture" class="img-circle center-block" />

虽然在 JavaScript 中可以轻松完成。

示例:在 JS 中(可能)

verticalCentered: /* Sample Comment*/ true

请详细说明。

Answer 1

HTML最初被正式定义为SGML的一种应用，注释语法取自SGML。 SGML 使用两个连字符 --作为注释分隔符，但它只允许在某些上下文中进行注释。在这些上下文中，只有注释声明与 HTML 相关。 (好吧，理论上它们也可以在像 <!ENTITY foo "foo" -- Comment -- > 这样的实体声明中使用，但是实体声明从未在 XHTML 之前的任何浏览器中实现，而在 XHTML 中，遵循 XML 语法，实体声明不能包含注释。)

因此，注释只允许出现在只包含注释的注释声明中，例如

<!-- Comment one -- -- Comment two -->

浏览器实际上以一种简化的(错误的)方式部分地实现了这一点，所以实际的建议是只在包含单个评论的评论声明中有评论:

<!-- Comment -->

注释声明与标签处于同一结构级别，因此不能出现在标签内。 (评论也不能包含标签:否则会构成标签的任何内容，如 <p> ，在评论中都被视为字符数据。)

这在后来的 HTML 版本中没有改变。他们简化了诸如此类的语法，而不是扩展。