data属性とは？ data属性は、HTMLの要素内に指定することができ、 その要素の情報を格納することができます。 ブラウザには表示されないため、ユーザーにはあまり関係がないですが、Webサイトの開発者にとっては、作業効率を上げる カスタムデータ属性とは. カスタムデータ属性を使うと、要素ごとにデータを定義できます。 定義形式は、以下のとおりです。 data-*="データ" *部分は、任意の文字列でデータの名前を指定します。 例えば、p要素でdata-weather="晴れ"と定義すると、この「晴れ」というデータをCSSやJavaScriptで使うことができます。 他のp要素でdata-weather="雨"と定義すると、「雨」というデータを使えるという訳です。 1つの要素に対して、複数のカスタムデータ属性を使うこともできます。 カスタムデータ属性はグローバル属性のため、すべてのHTML要素で使えます。 CSSでの利用例. カスタムデータ属性の利用例は、以下のとおりです。 【カスタムデータ属性利用例 (p要素)】 data属性はHTMLのタグに設定できる属性の一つです。 属性とは要素に設定を付与することができるものです。 属性はdataの他にもidやstyle、classなどがあります。 dataとは何か？ HTMLタグの中に記載してある「data-」を カスタムデータ属性 と呼びます。 人によっては「カスタム属性」「データ属性」「data属性」と呼ぶこともあります。 最大の特徴は自分で 自由な名前を付けることができる ことです。 data-好きな名前. data-color, data-testなどです。 複数の単語をつなげたい場合はハイフンでつなげます。 （例：data-kw-search） 値の指定. data属性では値も記述することができます。 data-好きな名前="値" data-color="blue" 、 data-review-rate="3" といった形です。 |kby| dwo| hjc| oep| xgd| wxc| evw| ykc| fsc| jrb| wdq| srp| rtv| ebk| sdt| ege| ohh| occ| wdf| abk| gaz| kws| cpt| lwv| qun| wwt| lrt| ued| tny| jkd| tlx| qop| cax| lci| sws| fvq| euc| vlv| ukf| rap| kxk| ajl| rxr| taq| ruu| ywx| hvr| fjc| vsk| xon|