html - 如何在 HTML 属性中进行评论？

Question

下面代码中的最后一个（闭合）尖括号不会被解释为闭合<input>元素：

<input type='text' name='name' <!-- id='name' -->>

我认为这是注释掉此属性的有效方法，但 Google Chrome、Firefox 和 Notepad++（颜色编码）都表明这不是要走的路。

我在 Notepad++ 中使用CTRL了Shift++Q来做到这一点。

那么注释掉这个<id>属性的正确方法是什么？

Answer 1

HTML 没有提供在标签内放置注释的方法。

---

如果您是从模板/编程语言生成 HTML，那么您可以使用它的特性来注释掉一些东西。

例如，在模板工具包中：

<input type='text' name='name' [%# id='name' %]>

或 PHP：

<input type='text' name='name' <?php # id='name' ?>>

---

如果您使用的是 HTML 5，那么您可以（作为一个丑陋的黑客）使用数据属性来“注释”整个属性。

<input type='text' name='name' data-comment-id='name'>

Answer 2

我通常只是放在_x属性名称的末尾。然后该属性被忽略，因为它是未知的。所以如果我想注释掉id这个元素的属性：

<input type="text" name="name" id="name">

我会把它改成这样：

<input type="text" name="name" id_x="name">

这还具有能够搜索“ _x=”以查找所有注释属性的优点。

Answer 3

<input type='text' name='name' <?php  /* id='name' */ ?> >

您可以使用它在查看源信息时不会被解释

Answer 4

如果你想在 HTML5 中注释一行并且不要使用

<!-- Html comments -->

您可以使用

• 咏叹调标签

例如：

 <button aria-label="Close" nclick="myDialog.close()">X</button>

或者

<button aria-label="This button close the popup" nclick="myDialog.close()">X</button>

由于没有任何内容表明按钮的目的是关闭对话框，因此 aria-label 属性用于为任何辅助技术提供标签或简单的注释。

Answer 5

我同意，你不应该在这个地方使用评论。也就是说，以下内容应该适用于 Chrome、Firefox 和 IE：

<input type="text" %id="test1"% class="test2">