0

IMGこんにちは皆さん、htmlタグの高さと幅、および CSS/STYLE の高さと幅について少し混乱しています。

<img  alt="Title" src="/someimageurl" style="width:150px" width="150" />

Imageの属性だけでなく、width属性を使用して設定したことがわかります。Image を使用する場合、これら 2 つの属性は設定する属性と同じですか、それとも異なるものですか? それらが異なる場合、どのように説明してください。stylewidth

4

5 に答える 5

1

HTML 属性width="150"と CSS 宣言width:150pxは、同じ要素に適用された場合img、通常は同じ効果があります (したがって、両方を指定するのは冗長です) が、それらは同じものではありません。

HTML 属性により、ドキュメント ツリー内の要素ノードのプロパティwidthが value に設定されます150。styleCSS 宣言は、このように属性値に現れると、要素ノードwidthのプロパティのプロパティに値を取得させます。ドキュメントをレンダリングするとき、ブラウザーは m として解釈される値を使用します(そして、固有の幅が異なる場合は画像をその幅にスケーリングします) 。利用される。style150pxwidth150px

そのため、値が異なる場合、style属性の値が CSS 対応ブラウザーで優先されます。

HTML 属性の値は、純粋な数値 (暗黙の単位としてピクセルを使用) またはパーセンテージである必要があります。CSS 宣言では、他の多くの単位もem使用できます。たとえば、フォント サイズに比例して画像をスケーリングできる単位 (テキストで表示される小さな画像に役立ちます) ですが、通常は幅ではなく高さをスケーリングします。そのような場合、典型的なフォント サイズの推測に基づいて、HTML 属性をフォールバックとして使用できます (CSS が無効になっている場合) <img ... height=18 style="height: 1em">。

于 2013-09-29T14:48:46.323 に答える
1

それらは同じですが、そのように定義すると、html で定義した最後のものはブラウザによって幅を取られます。

于 2013-09-29T13:10:49.503 に答える