[解決済み] src属性とdata-src属性の違いは何ですか?
2022-09-22 17:39:58
質問
のどちらを使用した場合の違いや結果(良いことも悪いことも)は何ですか?
data-src
または
src
の属性は
img
タグを使用できますか?両方を使用して同じ結果を得ることができますか?その場合、それぞれをどのような場合に使用すればよいのでしょうか?
どのように解決するのですか?
属性
src
と
data-src
には、HTML5 CR で許可されていることと、どちらも文字を含んでいること以外、何の共通点もありません。
src
. それ以外はすべて異なっています。
は
src
属性はHTMLの仕様で定義されており、機能的な意味を持っています。
は
data-src
属性は、無限に存在する
data-*
属性は、定義された意味はありませんが、スクリプト(またはスタイリング)で使用するために、要素に不可視のデータを含めるために使用することができます。
関連
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] クリック可能なラベルを持つチェックボックスを作成するには?
-
[解決済み] WebSocketとサーバー送信型イベントの比較/EventSource
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?
-
[解決済み] htmlの<base>タグの推奨事項を教えてください。
-
[解決済み】PNG vs. GIF vs. JPEG vs. SVGの異なるユースケースとは?[クローズド]
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] CSS - カーソルを置いたときに塗りつぶしの色を変更する - SVG PATH
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)