html - data-target および data-slide-to 属性とは何ですか?

Question

私はブートストラップを使用しています（わかりました、私はそれに慣れていません）、この2つの属性を見つけました。誰かが私に説明できますか？

Answer 1

@Larsenal の要点を先に進めると、カスタム データ属性は開発者にとって非常に便利です。仕様が言うように：

カスタム データ属性は、ページまたはアプリケーション専用のカスタム データを格納するためのものであり、これ以上適切な属性や要素はありません。これらの属性は、属性を使用するサイトから独立したソフトウェアによる使用を意図していません。

使用例は次のとおりです。

初期の高さ/幅を保存します。後で JS で変更される可能性があります。JavaScript を介してこれらの属性を取得および設定する簡単な方法があります - および を使用getAttributeしsetAttributeます。

 <div id='strawberry-plant' data-fruit='12'></div>
 <script>
    // 'Getting' data-attributes using getAttribute
    var plant = document.getElementById('strawberry-plant');
    var fruitCount = plant.getAttribute('data-fruit'); // fruitCount = '12'
 </script>

ただし、これはそうではないことを 忘れないgood practiceでください。だから、利用してdataset propertiesください。

データ属性について詳しくは、http: //html5doctor.com/html5-custom-data-attributes/をご覧ください。

あなたは JavaScript 開発者として彼らに恋をするでしょう (あるいはそうでないかもしれません)。