Подходы для встраивания скрипта необходимых данных в разметку

Question

Какие подходы можно использовать для встраивания дополнительных метаданных в разметку HTML, когда эти данные требуются клиентскому JavaScript.

Несколько простых примеров того, что я имею в виду:

• Список контактов, который при нажатии показывает их положение на карте. То есть: как связать широту / долготу с каждым контактом.
• Набор изображений, при нажатии на которые появляется перетаскиваемая резиновая полоса для выбора прямоугольника обрезки. то есть: как связать этот прямоугольник отсечения с каждым изображением.

Подходы, которые я видел до сих пор:

1. Отдельный внутристраничный блок javascript / json со словарем, содержащим эту дополнительную информацию.
2. Использование атрибутов rel для хранения строк, которые затем анализируются сценарием.

Какие есть еще подходы? Каковы плюсы / минусы каждого?

Еще один способ думать об этом: есть ли простой способ предварительно заполнить свойство .data объекта jQuery непосредственно из разметки.

Answer 1

Я использую Плагин метаданных JQuery для этой цели. Существует несколько способов генерации данных (см. Документацию).

Я не могу говорить о плюсах / минусах этого подхода, потому что это единственный, который я когда-либо использовал, но он подходил для каждого сценария, когда мне нужно было добавить некоторые метаданные.