ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
Теги HTML HTML учебник Теги CSS CSS учебник JavaScript учебник PHP учебник SQL учебник Bootstrap 4 Еще
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши

HTML Теги

<!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <svg> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>



HTML data-* Attributes

❮ Предыдущий Глобальные атрибуты HTML Следующий ❯

Пример

Используйте атрибут data-* для встраивания пользовательских данных:

<ul>
  <li data-animal-type="bird">Owl</li>
  <li data-animal-type="fish">Salmon</li>
  <li data-animal-type="spider">Tarantula</li>
</ul>

Определение и использование

Атрибуты data-* используются для хранения пользовательских данных, закрытых для страницы или приложения.

Атрибуты data-* дают нам возможность встраивать пользовательские атрибуты данных во все элементы HTML.

Сохраненные (пользовательские) данные можно затем использовать в JavaScript страницы, чтобы создать более привлекательный пользовательский интерфейс (без вызовов AJAX или запросов к базам данных на стороне сервера).

Атрибуты data-* состоят из двух частей:

  1. Имя атрибута не должно содержать прописных букв и должно быть по крайней мере один символ длиной после префикса "data-"
  2. Значением атрибута может быть любая строка

Примечание: Пользовательские атрибуты с префиксом "data-" будут полностью игнорироваться агентом пользователя.

Поддержка браузера

Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут
data-* 4.0 5.5 2.0 3.1 9.6

Различия между HTML 4,01 и HTML5

Атрибуты data-* являются новыми в HTML5.

Синтаксис

<element data-*="somevalue">

Значения атрибутов

Значение Описание
somevalue Задает значение атрибута (в виде строки)

Похожие страницы

HTML Учебник: HTML Атрибуты

HTML DOM Ссылки: HTML DOM getAttribute() Метод


❮ Предыдущий Глобальные атрибуты HTML Следующий ❯