Новые атрибуты в HTML 5 и тестирование внедрения

Теги HTML 5 включают новые атрибуты. Вот список с тестами на основе браузера, чтобы увидеть, распознаны ли они.

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

Вот те, которые кажутся существенными. Проверка совместимости выполняется с текущим браузером.

доступно для редактирования
Пользователь может редактировать любой HTML-элемент. Это может быть абзац (<p>), список (<ul>) и т.д.
Чтобы быть полезным, его необходимо сохранить для будущей сессии. Этот атрибут связан с функциями localStorage, которые хранят данные в пространстве, зарезервированном для браузера.

Поддержка:

необходимый
Этот атрибут без значения указывает, что рассматриваемое поле должно иметь значение для проверки формы. Браузеры могут выделять поле формы, когда это требуется, например, красной рамкой.
Если форма не проверена, появляется предупреждающее сообщение, указывающее, что обязательное поле должно быть заполнено .
Пример:
 <input name="x" required>

Поддержка:

форма
Это тег, но теперь он также является атрибутом для объектов формы. Это позволяет разместить их в любом месте страницы и связать с формой, указав идентификатор.
Пример: 
<form id="x"></form><button form="x" />

Поддержка:

новалидат
Атрибут формы, указывающий, что данные формы должны быть отправлены без проверки. Обязательный атрибут игнорируется.
перетаскиваемый, dropzone
Два атрибута для любого тега: первый указывает, что элемент можно переместить, второй - что его можно сюда поместить.

Поддержка:

асинхронный
Атрибут Script, вызывающий асинхронное выполнение сценария JavaScript после полной загрузки страницы, даже если она находится в верхней части страницы.
 <script async></script>

Поддержка:

обратный
Для списка <ol> отображает числа в порядке убывания.

Поддержка:

скачать
Для URL-адреса загружает файл, а не отображает его. 
<a href="filename" download="newfilename"></a>

Поддержка:

Атрибуты Input и Textarea

В дополнение к уже рассмотренным атрибутам, общим для нескольких объектов формы, определенные атрибуты заполняют поля формы.

автоматическое заполнение
Этот атрибут тега формы имеет два значения: on, если автозаполнение включено, и off в противном случае. Когда этот параметр включен, то, что пользователь вводит в текстовое поле, может быть автоматически заполнено браузером на основе того, что он ранее ввел в то же поле.
Ничего другого застройщику инкорпорировать не нужно.
Пример:
 <form action="" autocomplete="on">

Поддержка:

образец
Ему
назначается регулярное выражение. Например:
<input pattern="[A-Za-z0-9]">
для проверки правильности пользовательского текста, ограниченного алфавитно-цифровыми символами.

Поддержка:

заполнитель
Является дополнением к атрибуту «value» для текстового поля ввода. Он отображает показательное значение в текстовом поле, и при щелчке в поле, в отличие от значения, это содержимое исчезает. Он не передается со значениями формы.

Поддержка:

дирнаме
Dirname = имя направления, имя направления текста, слева направо или справа налево, что полезно для стран, где направление изменено на противоположное. Это направление для текстовой области и полей ввода обычно выбирается по умолчанию браузером в зависимости от страны, в которой он находится, или в зависимости от содержимого страницы. Это ltr или rtl. Например, если мы назначим атрибуту dirname «mydir», в данных формы у нас будет mydir = ltr или mydir = rtl.

Поддержка:

мин., макс., шаг
Эти атрибуты применяются к текстовым полям следующих типов: number, range, date, datetime, datetime-local, month, week, time. Они ограничивают значения, которые могут быть введены с нижней границей, верхней границей и приращением соответственно .
Пример: 
<input type="number" min="1" max="100" step="3" />

Поддержка:

Атрибуты документа

В теге <head> атрибут charset заменяет сложное мета-определение...

<meta charset="utf-8">

На самом деле это поддерживалось браузерами задолго до HTML 5 без стандартизации.

Атрибут манифеста <html> ссылается на файл манифеста, используемый в автономном режиме, указывая список содержимого для кэширования.

Исчезают какие-то атрибуты...

И наоборот, некоторые атрибуты HTML 4 становятся бесполезными и устаревшими. Это относится к атрибуту type для тегов <style> или <script>. Мы сейчас просто пишем:

<style></style>
<script></script>

Изображения больше не имеют атрибута имени, а только идентификатор.

Вес и рост остаются полезными для определенных тегов, таких как img и canvas, но устарели в таблицах .

Примечание.На этой странице рассматриваются только атрибуты и не рассматриваются новые или устаревшие теги.

См. также