<a href='' data-page='adria'>このコードは何を意味しますか? 【画像付きで詳しく解説】_html/css

このコードは何を意味しますか? 【画像付きで詳しく解説】_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:53:34

オリジナル

1851 人が閲覧しました

皆さんこんにちは〜ウェブサイトを勉強しているときに次のコードを見つけました

コードのこの部分は、下の画像に相当します。画像内の文字はリンクです

画像内の文字をクリックすると、Web サイトにジャンプしました (ご覧のとおり) URL は変更されません)

私が理解できないのは、彼のジャンプがどのように達成されるのかということです。あるいは、このアクションを実現するにはどうすればよいでしょうか?
また、ここのタグの href="" は何を意味しますか? タグには data-page 属性がありますか?

ディスカッション（解決策）に返信

カスタマイズされた属性、イベント制御ページの表示を a タグに追加します

つまり, data -pageはカスタム属性で別のファイルに保存されますよね？
「aタグにはページ表示を制御するイベントがある」とのことですが、詳しく説明してもらえますか？ htmlに触れたばかりで、まだまだわからないことがたくさんあります。。。

カスタム属性、イベント制御ページの表示をaタグに追加します

つまり、data-pageはカスタム属性で、別のファイルに保存されていますよね？
「aタグにはページ表示を制御するイベントがある」とのことですが、詳しく説明してもらえますか？ htmlに触れたばかりで、まだまだわからないことがたくさんあります。。。

<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script></head><body><a data-a="a">aaaaaaaaaa</a><a data-a="a1">aaaaaaaaaa</a><a data-a="a2">aaaaaaaaaa</a><a data-a="a3">aaaaaaaaaa</a><script>$('a[data-a]').click(function(){alert($(this).attr('data-a'))})</script></body></html>

ログイン後にコピー

カスタム属性、イベント制御ページの表示が a タグに追加されます

つまり、data-page はカスタム属性で、別のファイルに保存されますよね。
「aタグにはページ表示を制御するイベントがある」とのことですが、詳しく説明してもらえますか？ htmlに触れたばかりで、まだまだわからないことがたくさんあります。。。
すごいですね
カスタム属性の意味が分かりました!ありがとうございます~
でも、href="" とはどういう意味ですか?

カスタム属性、イベント制御ページの表示が a タグに追加されます

つまり、data-page はカスタム属性であり、別のファイルに保存されますよね。
「aタグにはページ表示を制御するイベントがある」とのことですが、詳しく説明してもらえますか？ htmlに触れたばかりで、まだまだわからないことがたくさんあります。。。
すごいですね
カスタム属性の意味が分かりました!ありがとうございます~
でも、href="" とはどういう意味ですか?
これは、マウスを上に動かして手の形やその他のスタイルを設定できるようにするためです

カスタム属性、イベント制御ページの表示が a タグに追加されます

つまり、 data-page はカスタム属性です定義した属性は別のファイルに保存されますよね？
「aタグにはページ表示を制御するイベントがある」とのことですが、詳しく説明してもらえますか？ htmlに触れたばかりで、まだまだわからないことがたくさんあります。。。
すごいですね
カスタム属性の意味が分かりました!ありがとうございます~
でも、href="" とはどういう意味ですか?
これは、マウスを上に動かして手の形やその他のスタイルを設定できるようにするためです
本当にありがとうございます! ！