最新のWeb開発のチュートリアル
 

HTML <img> height Attribute

<HTML <img>タグ

42ピクセルの高さと幅の画像:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">
»それを自分で試してみてください

height属性はピクセル単位で、画像の高さを指定します。

ヒント:常に高さとの両方を指定width画像の属性を。高さと幅が設定されている場合、ページがロードされるときに、画像に必要なスペースが確保されています。 しかし、これらの属性なしで、ブラウザは画像のサイズを知らない、そしてそれに適切なスペースを確保することはできません。 効果は、ページのレイアウトが(画像をロードしながら)をロード中に変更されることになります。

ヒント:と大きな画像を小型化heightwidthの属性は、(それがページ上の小さなように見えても)大きな画像をダウンロードするようにユーザーを強制します。これを回避するために、ページ上でそれを使用する前に、プログラムで画像を再スケーリング。


ブラウザのサポート

属性
height はい はい はい はい はい

HTML 4.01とHTML5の違い

HTML 4.01で、高さはピクセル単位で、または含まれている要素の%で定義することができました。 HTML5では、値はピクセル単位でなければなりません。


構文

<img height="pixels">

属性値

説明
pixels ピクセル単位の高さ(例えばheight="100"

<HTML <img>タグ