Допустимые символы в имени атрибута HTML: спецификация

Быстрый ответ

Имена HTML-атрибутов следует начинать с буквы или нижнего подчёркивания (_). За первым символом могут следовать буквы, цифры, нижние подчёркивания (_), дефисы (-) и точки (.). Применение пробелов, кавычек, знаков равенства, а также символов < и > является недопустимым. Применительно к двоеточиям (:) и специальным символам следует выполнить осторожность, поскольку они могут стать потенциально опасными.

<!-- Пример: Соблюдение нормативов ведет к успешному выполнению -->
<div data-custom="value" valid-name2="value"></div>

При использовании буквенно-цифровых символов и распространённых знаков препинания, вы гарантируете надежность, аналогично использованию менеджера паролей.

Интерпретация спецификации

HTML5 обладает больше хитростей, чем можно подумать на первый взгляд. Спецификация парсера HTML5 помогает понять, что некоторые символы недопустимы при именовании атрибутов, поскольку они могут нарушить парсинг страницы или функционирование скриптов.

Регистр символов в HTML не имеет значения, поэтому 'data-user' и 'DaTa-UsEr' воспринимаются идентично. Несмотря на это, предпочтительнее использовать строчные буквы для удобства чтения и единообразия кода.

Пользовательские элементы в HTML5 являются новшеством, но они должны соответствовать ограничениям XML. Используйте при именовании алфавитно-цифровые символы, нижние подчёркивания (_), дефисы (-) и точки (.). Учтите, что пользовательские атрибуты данных обязаны начинаться со слова 'data-'.

Рекомендуется придерживаться проверенного набора символов, чтобы минимизировать вероятность создания проблем.

Сравнение HTML и XHTML: Схватка

HTML – гибкость

HTML отличается гибкостью, как терпеливый учитель. Строгое следование стандартам W3C обеспечивает успешность в настоящем и защиту от неожиданностей в будущем.

Подробнее об этом расскажет наш спикер на видео

XHTML – строгость

Совсем иначе обстоят дела при работе с XHTML и XML. Здесь действуют более строгие правила спецификации XML, и отклонение от них неприемлемо. Использование специальных символов, например, двоеточия (:), требует особой осторожности.

Пользовательские атрибуты: На грани возможностей

Первооткрыватели

Пользовательские элементы – это исследователи новых областей, которые обязаны укладываться в существующую структуру и соблюдать установленные правила.

В этом городе играют по правилам

Хотя HTML5 расширяет горизонты для нововведений через атрибуты data-*, сохранение совместимости важнее бесконечного инновационного процесса. Законопослушность в этом контексте – залог умного кода.

Визуализация

Символы, которые можно использовать при именовании HTML-атрибутов, мы разделим на "героев" и "злодеев":

Обитатели "мира атрибутов" делятся на:

🏘️ [a-Z0-9-_:.✅] // Полноправные жители 🚫 [ " ' > < = ] // Злодеи, вносящие хаос в порядок кода

Полезные материалы

1. HTML Standard – Имена атрибутов – Финальные установки о именовании HTML-атрибутов от WHATWG.
2. Энциклопедия HTML-атрибутов на MDN – Руководство на практике с примерами применения атрибутов HTML.
3. HTML Standard – Атрибуты – Стратегия работы с HTML-атрибутами от WHATWG.
4. HTML Атрибуты на W3Schools – Базовые знания для начинающих разработчиков.
5. HTML Standard – Парсинг – Руководство по парсингу HTML от WHATWG с полезными рекомендациями.