HTML (или, может быть, просто XHTML?) Относительно строг, когда дело касается нестандартных атрибутов тегов. Если они нет часть спецификации, то ваш код считается несовместимым.

Однако нестандартные атрибуты могут быть довольно полезны для передачи метаданных в Javascript. Например, если ссылка должна показывать всплывающее окно, вы можете установить имя всплывающего окна в атрибуте:

<a href="#null" class="popup" title="See the Popup!" popup_title="Title for My Popup">click me</a>

Кроме того, вы можете сохранить заголовок всплывающего окна в скрытом элементе, например, в span:

    .popup .title { display: none; }

<a href="#null" title="See the Popup!" class="popup">
    click me
    <span class="title">Title for My Popup</span>
</a>

Я разрываюсь, однако, относительно того, который должен быть предпочтительным методом. Первый метод является более кратким, и яЯ догадываюсь, неВинт с поисковыми системами и программами чтения с экрана. И наоборот, второй вариант облегчает хранение больших объемов данных и, следовательно, более универсален. Это также соответствует стандартам.

Мне любопытно, что думают сообщества. Как вы справляетесь с такой ситуацией? Перевешивает ли простота первого метода потенциальные недостатки (если они есть)?