记录div部分,使用title属性？

Question

我正在寻找最简洁的方式来记录我的页面部分,例如div部分.

使用title属性有什么问题,例如

<div title="Payment Area" class="form">
   ...
</div>

？

PS如果相关,我使用的是IntelliJ IDE,但是它具有各种功能,例如自动格式化控制和其他方式,可以轻松理解我的页面部分.

Answer 1

如果元素具有title属性,则当您将鼠标悬停在其上时,大多数浏览器会显示带有属性值的工具提示.在这种情况下,当你将鼠标悬停他们会显示"支付区"提示的任何地方在那div.

通常,HTML属性有一个目的.HTML有文档评论!试试看:

<div class="form"> <!-- Payment Area -->
    ...
</div>

你提到你不想要评论的开销.如果你计算字符(包括属性前所需的空格),它们实际上是相同的长度:

 title="Payment Area"
<!-- Payment Area -->

(但是,我同意,他们确实看起来更大!)

@Ray我同意注释的确比属性要大一点，但是它们在同一行上的效果一样好（请参见编辑）。如果您宁愿使用属性，为什么不给每个元素一个普通的`id`（例如`paymentArea`），而不管CSS或JavaScript是否使用了该id？ (2认同)

Answer 2

我可能会使用ids，这样你也可以将它们用作 CSS 和 JavaScript 的钩子。

否则，加布的答案为属性提供了一个很好的案例data。John Resig 在这里解释了为什么它们很好：http://ejohn.org/blog/html-5-data-attributes/