документирование разделов div, использовать атрибут title?

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.Джон Резиг объясняет, почему они хороши здесь: http://ejohn.org/blog/html-5-data-attributes/

Answer 4

Атрибут title не предназначен для div-ов - я не проверял официальные спецификации, но не думаю, что это даже поддерживаемый атрибут.Лучше всего использовать атрибут «id».Это дает дополнительное преимущество, заключающееся в предоставлении хуков для вашего CSS.

Вы также можете сделать еще один шаг и использовать html5, который предоставляет вам более описательные элементы, такие как <nav>, <section>, <article>и <header>

---

Редактировать: согласно комментарию от steveax, атрибут title не является недействительным.Я думаю, что суть моего ответа остается в силе, однако.

Answer 5

Вы можете использовать атрибут rel = "", который мне подходит, я не думаю, что title работает с divs

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