Question

我正在寻找最简洁的方式来记录我的网页部分，例如div部分。

使用title属性有问题，例如

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

？

P.S。如果相关，我使用的是IntelliJ IDE，但它的各种功能都是新的，例如：自动格式控制和其他方式，以便能够轻松理解我的页面部分。

Answer 1

如果某个元素具有title属性，则当您将鼠标悬停在该属性上时，大多数浏览器会显示一个带有该属性值的工具提示。在这种情况下，当您将悬停在div上时，他们会显示“付款区”工具提示。

HTML属性通常有一个目的。 HTML有文档评论！试试看：

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

你提到你不想要评论的开销。如果你计算字符（包括属性之前所需的空格），它们实际上是相同的长度：

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

（但是，我同意，他们确实看起来更大！）

Answer 2

我建议使用HTML5自定义属性标准：

<div data-title='Payment Area'></div>

基本上，在名称前面加data-，浏览器会忽略它。

Answer 3

我可能会使用id s，这样你也可以将它们用作你的css和javascript的钩子。

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

Answer 4

title属性不适用于divs - 我没有检查官方规格，但我认为它甚至不是支持的属性。更好的做法是使用“id”属性。这样做还有为CSS提供钩子的好处。

您还可以更进一步使用html5，它为您提供了更具描述性的元素，例如<nav>，<section>，<article>和<header>

编辑：根据steveax的评论，title属性无效。我认为我的答案的要点仍然有效。

Answer 5

你可以使用rel =“”属性，这对我很有效，我认为标题不适用于div

<div rel="Payment Area"></div>