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ベストアンサー
- 回答日時:
'data-' で始まる属性は独自データ属性と言い、そのページを書いた人が独自のデータ/属性を使いたい場合に使われます。
http://www.html5.jp/tag/attributes/data.html
おそらくですが、素のハイパーリンクではできない、そのリンクをクリックした人の解析やクリックされた回数を集計するという事をやらせるために JavaScript でクリックイベントを付加しているのでしょう。その時に左記の処理を終えた後のページ遷移先が必要になるため、それを JSON で記述しているのだと思います。
……まあ、上記以上の詳しい処理内容はぐるなびの企業秘密になるのでしょうし、そもそも上記は私の推論に過ぎないのですが。
No.1
- 回答日時:
JavaScriptとかでdata-0に設定されている値を使うから。
html5から任意の属性をタグにつけれるようになった。
こうすることでaタグのdata-0の値を使って何か制御ができる
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- お菓子・スイーツ 急いでます こちらのプリン製造5日が賞味期限なのですが 製造から到着までどのくらいみているのでしょう 2 2023/03/02 11:07
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- その他(IT・Webサービス) html cssについて 3 2023/05/13 12:48
- HTML・CSS htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べて 1 2023/07/09 21:17
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのボタンでF11を入力
-
タブ切り替え 複数同時を複数組...
-
ホームページビルダーでフレー...
-
HTMLでリンク先を新しいタブで...
-
“更新”ボタンを押すまではリン...
-
mailtoとwindow.close()の二つ...
-
GoogleChromeでレイアウトが左...
-
キーフレーム
-
Tシャツの刺しゅうがチクチクす...
-
改行できる・できない入力ボッ...
-
埼玉県内にUFOキャッチャーで突...
-
品質表示タグが付いてない商品
-
インラインフレームにリンク
-
英語の文章を単語の途中で改行...
-
VBAでgetElementByTagName
-
doc As HTMLdocumentのコンパイ...
-
aviutlで最後まで動画が読み込...
-
PowerDirector14ですが
-
VBA オブジェクトが必要です
-
1000mmgという動画サイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウンメニューの開く方向...
-
新しいタブで開かせない方法は...
-
自分のサイトを開いた時にウィ...
-
指定URLを新しいウィンドウで開...
-
DBからPDFを取得して別画面で表...
-
FindWindowの使い方
-
表示中のURLなどをバッチファイ...
-
HTML 全画面表示 リンク先の...
-
ASP.Net 別ウィンドウを開く・...
-
ハイパーリンクからメニュー無...
-
VC++2010 MFC サイズの最大化に...
-
IEで別サイトをタブで開きたい
-
googleマップをポップアップウ...
-
VC、コンソールアプリ結果の...
-
OpenCVのcvNamedWindowによるウ...
-
QT 半透明の画面生成について
-
_blank?_brank?
-
ホームページビルダーでのドロ...
-
HTML,js)リンクを新しいタブで...
-
ウインドウを最前面で固定するタグ
おすすめ情報