Tenho que escolher entre tags ou IDs de dados personalizados. Gostaria de escolher tags de dados personalizadas, mas quero ter certeza de que elas não causem problemas de compatibilidade do navegador para os navegadores mais utilizados atualmente.

Estou usando o jQuery 1.6 e meu cenário específico envolve uma situação em que preciso fazer referência a um commentId para várias açõe

<div data-comment-id="comment-1" id="comment-1">
   <a class="foo"></a>
</div>

É mais fácil extrair tags de dados no jQueryin:$('foo').data('commentId');

Extrair uma subseqüência do ID parece um pouco complicado e pode ser interrompido por um motivo ou outro:<a id="comment-1"

Existem méritos radicais ou falhas fatais em qualquer uma das abordagen