Я читал на W3C школьного сайта об атрибуте data-* и я прочитал это:.Что означает «пользовательские данные» в этом контексте?
«The данных- * атрибутов используются для хранения пользовательских данных частного к странице или приложениям The данных- * атрибуты дает возможность встраивать атрибуты пользовательских данных во все элементы HTML ».
Что означает «пользовательские данные» в этом контексте?
Помимо доступных атрибутов в спецификации, вам может потребоваться дополнительная информация для хранения на элементах. Раньше люди составляли свои собственные имена атрибутов и помещали их в тег, но это давало проблемы при проверке HTML, например.
В настоящее время существует стандарт для предоставления «пользовательских» атрибутов, атрибутов data-. Таким образом, валидатор знает, что делать, и вы, как разработчик, можете добавлять атрибуты, если они вам понадобятся.
Старый недопустимый синтаксис образца (не проверяет!):
<input somevariable="somevalue" />
Новые и улучшенные и отлично действует в связи с префиксом data-:
<input data-somevariable="somevalue" />
Для качественной информации используют MDN вместо этого. https://developer.mozilla.org/en-US/ – vbence
Метаданные были бы более мудрым словом. В основном данные, которые связаны с элементом, который вы показываете, но бесполезны в контексте его рендеринга. Например, в смешанном списке фруктов и овощей может быть полезно различать одни и другие. Обычно, прежде чем мы использовали пользовательские теги или даже классы css, в настоящее время необходимы данные для этого. –