[解決済み] 画像の幅や高さは属性で、それともCSSで?重複
2022-11-09 20:07:22
質問
画像の高さと幅を指定するためのセマンティックな方法は何ですか? CSSでは...
width:15px;
またはインライン...
<img width="15"
?
CSSは、視覚情報を置くのに適した場所のように思えます。 一方、画像の "src" が属性として指定されるべきではないと主張する人はほとんどいないでしょうし、height/width は "src" と同様にバイナリ画像データに縛られているように思われます。
(そうです、技術的な、エンドユーザーの観点からは、これは本当に重要ではないことを理解しています)。
どのように解決するのですか?
インラインで定義する必要があります。imgタグを使用している場合、その画像はコンテンツに対して意味的な価値を持つ必要があり、そのため検証のためにalt属性が必要です。
画像がレイアウトやテンプレートの一部となる場合は、imgタグ以外のタグを使用し、画像をCSSの背景として要素に割り当てる必要があります。この場合、画像には意味的な意味はないため、alt属性は不要です。ほとんどのスクリーンリーダーは、CSS画像の存在すら知らないだろうと、私はかなり確信しています。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] Flexbox:水平方向と垂直方向の中央揃え
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] bootstrapでボタンにリンクを貼るには?
-
[解決済み] HTMLとCSSによるテーブルスクロール [重複]について
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] ローカルストレージとCookieの比較
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] CSSでdivを縦にスクロールできるようにする
-
[解決済み] HTML5でminlengthの検証属性はありますか?
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)