Ну, вы всегда можете создать свой собственный DTD, чтобы получить новые действительные атрибуты для ваших тегов. Браузер не будет зависать, вы должны проверить свой JavaScript, если вы можете получить доступ к этим пользовательским атрибутам. Или вы можете использовать существующие средства, предоставляемые HTML и CSS. Вы можете использовать несколько классов, таких как
<a href="..." class="class-one class-two has-tooltip">
Для выбора цвета я настоятельно не рекомендую вам использовать жестко закодированные названия цветов в вашем HTML, у вас есть CSS для объявления стилей. Используйте атрибут класса в качестве ловушки для объявления CSS и выберите семантические имена классов, например
HTML:
<a href="..." class="has-tooltip common-tooltip">
<a href="..." class="has-tooltip long-tooltip">
CSS:
a.has-tooltip {
colour: red;
}
a.common-tooltip {
background: #ddd;
}
a.long-tooltip {
background: #ebf;
}
И в своем коде JavaScript вы можете генерировать элементы с такими классами, как «long-tooltip» и «common-tooltip» вместо «yellow-tooltip», так что вы не будете противоречить себе в случае изменения дизайна страницы, чтобы иметь зеленый цвет всплывающие подсказки.