Урок 30 · HTML

Пометка на элементе для будущего скрипта

Классы описывают вид. Отдельная пометка нужна, когда скрипт должен найти кнопку, не ломая оформление.

Почему это следующий шаг

Переход к тексту уже есть. Перед JavaScript удобно пометить элементы, с которыми скрипт будет говорить.

Как сделать

Атрибут на data- хранит короткую пометку: data-action="add", data-id="14". В HTML это просто текст, страницу он не меняет. Не прячь в такой атрибут целый абзац и не дублируй им видимую подпись. Видимый текст остаётся в элементе, пометка — рядом.

<button type="button" data-action="add">Добавить</button>

Что проверить

• У кнопки есть видимый текст.
• Пометка data-action не заменяет подпись.
• Две кнопки различаются значением атрибута.