Эта статья в основном представляет стандартные атрибуты и пользовательские атрибуты в HTML5. В статье также рассказывается о некоторых связанных точках знаний о доступе к пользовательским атрибутам, когда JavaScript управляет DOM. Это очень рекомендуется. Друзья, которые это нужно, могут ссылаться на это.
Как указано в синтаксисе HTML5, элемент может содержать атрибуты для установки различных свойств для элемента.
Некоторые свойства определяются как глобальные и могут использоваться на любом элементе, в то время как другие определяются как специфичные для элемента. Все свойства имеют имя и значение, которое выглядит как следующий пример.
Вот пример с использованием атрибутов HTML5, которые демонстрируют, как пометить элемент div с примером атрибута и значения с именем класса:
<div class = пример> ... </div>
Атрибуты могут быть указаны только в начальном теге и не должны использоваться в конечном теге.
Атрибуты HTML5 нечувствительны к случаям и могут использоваться весь капитал или смешанный, хотя наиболее распространенным соглашением является всегда использовать нижний регистр.
Стандартные атрибутыСвойства, перечисленные ниже, поддерживаются почти всеми тегами HTML5.
| свойство | Параметры | Функция |
| AccessKey | Пользовательский | Определяет сочетания клавиш для доступа к элементам. |
| выровнять | Права, слева, в центре | Выровнять этикетку горизонтально. |
| фон | URL | Установите фоновое изображение за элементом. |
| Bgcolor | Значение, шестнадцатеричное значение, значение RGB | Установите цвет фона за элементом. |
| сорт | Пользовательский. | Классифицируйте элемент, чтобы облегчить использование каскадных листов в стиле. |
| доволен | Правда, ложь | Определяет, может ли пользователь редактировать содержание элемента. |
| контекст | Меню удостоверение личности | Определите контекстное меню для элемента. |
| Data-xxxx | Пользовательский. | Пользовательские свойства. Автор документа HTML может определить его или ее собственные свойства. Пользовательские свойства должны начинаться с данных. |
| перетаскиваемый | Верно, ложное, авто | Определяет, может ли пользователь перетаскивать элементы. |
| высота | Значение числа | Определяет высоту таблицы, изображения или таблицы. |
| Скрытый | Скрытый | Определяет, должен ли элемент быть видным. |
| идентификатор | Пользовательский. | Наименование элементов для легкого использования каскадных листов в стиле. |
| элемент | Список элементов. | Используется для комбинирования элементов. |
| Itemprop | Список записей. | Используется для объединения записей. |
| Проверка орфографии | Правда, ложь | Определяет, должен ли элемент иметь правописание или проверку ошибок. |
| стиль | CSS StyleSheet. | Определите встроенные стили для элементов. |
| предмет | Пользовательский идентификатор. | Определяет запись, связанную с элементом. |
| TabIndex | Номер вкладки | Определено на порядок ключа вкладки элемента. |
| заголовок | Пользовательский. | Всплывающее название элемента. |
| В центре внимания | Вверху, середина, внизу | Вертикальное выравнивание тегов в HTML -элементах. |
| ширина | числовое значение. | Определяет ширину таблиц, изображений и ячейки таблицы. |
HTML5 также вводит новую функцию, которая должна добавить пользовательские атрибуты данных.
Пользовательские атрибуты данных начинаются с данных и названы на основе наших потребностей. Вот простой пример:
<div class = пример данных-subject = physics data-level = комплекс>
...
</div>
В приведенном выше примере две пользовательские свойства, называемые данными-субъектами и уровнем данных, полностью действительны в HTML5. Мы также можем использовать API JavaScript или получить их значения в CSS аналогичным образом, чтобы получить стандартные атрибуты.
Добавьте пользовательские атрибуты в HTML -элементы и получайте доступ к ним через JavaScript. Если вы пробовали это раньше, вы обнаружите, что легко игнорировать проверку тегов, и HTML5 может предоставить вам возможность создавать и использовать свои собственные атрибуты элемента на действительной веб -странице.
Создать файлы HTML5:
Если вы не выяснили, какой из них использовать, вы можете скопировать следующий код:
Xml/html -код копировать содержимое в буфер обмена