data-o='{"a":" の意味

data-o='{"a":"www.zato.co.jp\/","b":"http"}'
というソースの意味を教えてください。

http://r.gnavi.co.jp/a033604/
のページの「お店のホームページ」のソースが
<li><a href="#" class="url go-off" target="_blank" data-o='{"a":"www.zato.co.jp\/","b":"http"}'>お店のホームページ</a></li>
となっているのですが、
なぜ
<a href="http://www.zato.co.jp">お店のホームページ</a>
ではないのでしょうか？

No.2 ベストアンサー 回答者： hitomura 回答日時： 2014/11/26 23:18

'data-' で始まる属性は独自データ属性と言い、そのページを書いた人が独自のデータ/属性を使いたい場合に使われます。

http://www.html5.jp/tag/attributes/data.html

おそらくですが、素のハイパーリンクではできない、そのリンクをクリックした人の解析やクリックされた回数を集計するという事をやらせるために JavaScript でクリックイベントを付加しているのでしょう。その時に左記の処理を終えた後のページ遷移先が必要になるため、それを JSON で記述しているのだと思います。
……まあ、上記以上の詳しい処理内容はぐるなびの企業秘密になるのでしょうし、そもそも上記は私の推論に過ぎないのですが。

No.1 回答者： Taiyonoshizuku 回答日時： 2014/11/26 23:05

JavaScriptとかでdata-0に設定されている値を使うから。

html5から任意の属性をタグにつけれるようになった。
こうすることでaタグのdata-0の値を使って何か制御ができる