Web ページのソース コードに次のリンク コードがありました:

クリックして連絡先情報を表示

の data-target 属性と data-toggle 属性は何を意味しますか?長い間オンラインで検索しましたが、 にこれら 2 つの属性があることがわかりませんでした。


ディスカッションへの返信 (解決策)

Zhao Liang (Bi Hai Qing Tian): これはカスタム属性です。この方法で要素タグにカスタム属性を追加し、JS で要素のこれらの属性を使用できます。たとえば、ここで data-target='#contact_modal' は、連絡先情報が表示される DIV またはその他の表示要素の ID を指定します。表示する場合、A リンクの属性が最初に取得され、指定されたオブジェクトが認識されます。 、そしてそのオブジェクトに情報を表示するだけです。 data-toggle='modal' は、情報を表示する方法が、焦点を支配するモジュール式の方法であることを意味します。これらはライターが定義した属性なので、なぜその機能を知ることができるのでしょうか?それがカスタム属性の記述仕様です。適切な記述仕様がこの役割を果たすことができます。

カスタマイズされました

属性をカスタマイズする方法は CSS ですか?

属性をカスタマイズする方法は CSS ですか?

これは HTML 要素に属性を直接追加できます。何でもいいです。これによりカスタム属性が作成されます。名前は任意ですが、カスタム属性には通常、データ


カスタムという接頭辞が付けられることが合意されています。

??jquery? 例: data-toggle="dropdown" は??drop-down???back を表します。

上記の皆様、ご回答ありがとうございました。