1. ホーム
  2. html

[解決済み] 画像の幅や高さは属性で、それともCSSで?重複

2022-11-09 20:07:22

質問

画像の高さと幅を指定するためのセマンティックな方法は何ですか? CSSでは...

width:15px;

またはインライン...

<img width="15"

?

CSSは、視覚情報を置くのに適した場所のように思えます。 一方、画像の "src" が属性として指定されるべきではないと主張する人はほとんどいないでしょうし、height/width は "src" と同様にバイナリ画像データに縛られているように思われます。

(そうです、技術的な、エンドユーザーの観点からは、これは本当に重要ではないことを理解しています)。

どのように解決するのですか?

インラインで定義する必要があります。imgタグを使用している場合、その画像はコンテンツに対して意味的な価値を持つ必要があり、そのため検証のためにalt属性が必要です。

画像がレイアウトやテンプレートの一部となる場合は、imgタグ以外のタグを使用し、画像をCSSの背景として要素に割り当てる必要があります。この場合、画像には意味的な意味はないため、alt属性は不要です。ほとんどのスクリーンリーダーは、CSS画像の存在すら知らないだろうと、私はかなり確信しています。