ここから本文です

data-action というのがよくわかりません>< http://myphp.blog.fc2.com/blog-ca...

kao********さん

2012/7/1121:25:46

data-action というのがよくわかりません><
http://myphp.blog.fc2.com/blog-category-8.html
こちらのページで紹介されている、コード ↓

<div class="pagination">
<a href="#" class="first" data-action="first">&laquo;</a>
<a href="#" class="previous" data-action="previous">&lsaquo;</a>
<input type="text" readonly="readonly" data-max-page="40" />
<a href="#" class="next" data-action="next">&rsaquo;</a>
<a href="#" class="last" data-action="last">&raquo;</a>
</div>

の中の、 data-action="first" の、data-action というのはなんなんでしょうか?
aタグの中に書いてあるようなのですが・・・

例えば、class="first" というのは、クラスを付けてCSSの指定などに使いますよね?
では、data-action="first" はなんなんでしょうか?

検索してもヒットしないんです><
そもそも data-action というのはhtmlなのか、javascriptなのか、phpなのかもわかりません。

初心者なので質問の仕方がおかしいかもしれませんが、ご回答よろしくお願いしますm(_ _)m

閲覧数:
2,284
回答数:
1

違反報告

ベストアンサーに選ばれた回答

iro********さん

編集あり2012/7/1123:05:12

DOCTYPEがHTML5の時に使える、data属性です。
data- に続けて好きな名前を付けられます。
data-abc-def とも書く事ができますが、
スクリプトで扱う際に問題が生じるので、普通は避けます。

そのPagenationのボタン指定や、ページ数の設定を、
data属性で指定できる様にしてあるのでしょう。

ちなみに、初期値は、JavaScriptで設定されているので、
恐らく、data属性を書かなければ、初期値が使われるでしょう。

質問した人からのコメント

2012/7/12 20:58:30

降参 ご回答どうもありがとうございました!どうりで検索して引っかからなかったはずです(笑) "HTML5 data属性"と検索すると色々出てきたので勉強してみます。

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる