Элемент-заменитель для несвязанных атрибутов данных HTML5?

Question

У меня есть небольшой набор элементов структурированных данных, которые я хотел бы встроить в документ HTML. Данные используются некоторым JavaScript для взаимодействия со страницей, но в остальном скрыты.

Я рассмотрел использование атрибутов данных HTML5, но я не уверен, какой элемент больше всего подходит для прикрепления блочных данных. Я думал об использовании div элементов, например:

<div data-make="Ford"  data-model="Fusion"  data-year="2005"></div>
<div data-make="Chevy" data-model="Volt"    data-year="2010"></div>
<div data-make="Honda" data-model="Insight" data-year="2010"></div>

Это кладж, так как модель содержимого элемента div является потоковым контентом, который рекомендует как минимум одного потомка. Я также подумал об использовании неупорядоченного списка, но это также является препятствием по той же причине, поскольку модель содержимого элемента li также является потоковым содержимым.

Я искал передовые практики в отношении атрибутов данных HTML5, но, поскольку эти атрибуты являются относительно новыми и еще не получили широкого применения, мало информации доступно.

Какие-либо другие рекомендации для элемента-заполнителя, к которому нужно прикрепить ошибочные атрибуты данных? Или я все об этом говорю не так? Использование чего-то вроде JSON кажется сложным для моих нужд ...

Answer 1

Я полагаю, что вы склонны интерпретировать спецификацию html5 слишком строго.цитируется с fc :

Это требование не является жестким

, поэтому вы можете цепляться за присвоение div элементов.если вы добавите уникальный класс css-атрибута с 'display:none' к вашим фиктивным элементам, они не будут визуализированы, что делает тонкости потокового содержимого своего рода спорными.если вам удобнее использовать фразы ( pc ), используйте вместо этого пустые элементы span.

в качестве альтернативы можно указать тег meta:

<meta itemprop="data" content="dummy" data="..."/>

обратите внимание, что meta-теги разрешены в body документа html5 ( meta ).в то время как атрибут itemprop ( ip ) необходим для использования в качестве универсального контейнера данных, в соответствии со спецификациями атрибут content не является строго обязательным - однако вы всегда можете прибегнуть к некоторой фиктивнойстрока.

надеюсь, это поможет,

с наилучшими пожеланиями, Carsten