HTML <img> heightАтрибут

HTML img 标签参考手册HTML тег <img>

Примеры

Изображение с высотой и шириной 42 пикселя:

<img src="smiley.gif.html" alt="Smiley face" height="42" width="42">

Попробуйте сами »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают атрибут height.


Атрибут height задаёт высоту изображения в пикселях.

Совет:Хорошей практикой является указание атрибутов height и width для изображения. Если эти атрибуты заданы, при загрузке страницы можно зарезервировать место для изображения. Без этих атрибутов браузер не может знать размеры изображения и не может зарезервировать для него подходящее место, поэтому макет страницы изменится при загрузке изображения.

Совет:Не используйте атрибуты height и width для масштабирования изображений. Если вы уменьшаете изображение с помощью атрибутов height и width, пользователям придётся загружать большое изображение (даже если на странице оно отображается маленьким). Правильный подход — обработать изображение до нужного размера с помощью программного обеспечения перед использованием его на веб-странице.


Различия между HTML 4.01 и HTML5

В HTML 4.01 высота должна задаваться в пикселях или в процентах от содержащего элемента. В HTML5 значение height должно быть указано в пикселях.


Синтаксис

<img height="pixels">

Значения атрибута

Значение Описание
пикселей Высота в пикселях (например, height="100").


HTML img 标签参考手册HTML-тег <img> Другие расширения