【问题标题】:Is <!someTag/> a valid HTML comment vs <!-- <someTag/> -->? [duplicate]<!someTag/> 与 <!-- <someTag/> --> 是有效的 HTML 注释吗? [复制]
【发布时间】:2018-07-26 12:53:16
【问题描述】:

我正在查看一些代码,并且遇到了一个实例,其中开发人员为 Angular 组件添加了占位符。

<div>
  <!someAngularComponent/>
</div>

这与 &lt;someAngularComponent/&gt; 被包装在 cmets 的标准 &lt;!-- --&gt; 结构中完全一样。

在标签的开头放一个! 似乎有一些特殊的含义——见https://stackoverflow.com/a/16324326/217490。这种用法是注释掉元素的有效方法,还是主要通过副作用起作用?

【问题讨论】:

  • 如果您的意思是标签只是被浏览器忽略了,那么这就是未知或无效标记所发生的情况。如果您谈论的是 JavaScript 框架进行的一些处理,那么它可能不是一个简单的 HTML 问题。

标签: html


【解决方案1】:

某些浏览器可能支持它作为注释,但它不是有效的 HTML。可以通过 W3C 的验证器运行代码查看:https://validator.w3.org/nu/#textarea

<!doctype html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
<!someAngularComponent/>
</div>
</body>
</html>

这会引发错误:

错误:虚假评论。

在第 8 行,第 3 列

body ↩ div ↩ !someAngularComp

根据您的受众,您可能需要在多个浏览器中对其进行测试,但我可能只推荐标准的注释语法,这样就没有风险。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-07-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-23
    • 2020-10-28
    • 1970-01-01
    相关资源
    最近更新 更多