如何在HTML属性中发表评论？

Question

以下代码中的最终（结束）尖括号不会被解释为关闭<input>元素：

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

我认为这是评论此属性的有效方式，但谷歌Chrome，Firefox和Notepad ++（颜色编码）都表明这不是可行的方法。

我在Notepad ++中使用 CTRL + Shift + Q 来执行此操作。

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

Answer 1

HTML无法在标记内放置注释。

---

如果您是从模板/编程语言生成HTML，那么您可以使用它的功能来评论某些内容。

例如，在Template-Toolkit中：

<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

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

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

Answer 3

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

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

我会改为：

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

这样做的另一个好处是能够搜索“_x=”来查找所有已评论的属性。

Answer 4

如果您想在HTML5中注释一行而不使用

<!-- Html comments -->

您可以使用

• aria-label

例如：

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