HTML: <img> height 属性

由网友 大卫 发布 阅读 10

HTML: <img> height 属性

height属性以像素为单位指定图像的高度

 HTML <img> 标签

在线示例

高度和宽度为32像素的图像:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> height 属性 - 大卫编程网 div.cn</title>
<body>
<img src="haha.gif" alt="haha face" width="32" height="32">
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 height 属性。

height属性以像素为单位指定图像的高度。

提示:始终同时指定 图像的height和width属性。如果设置了height和width,则在加载页面时保留图像所需的空间。但是,如果没有这些属性,浏览器将不知道图像的大小,并且无法为其保留适当的空间。效果是页面布局将在加载过程中(图像加载时)改变。

提示:使用height和width属性缩小大图像的尺寸会迫使用户下载大图像(即使页面上看起来很小)。为避免这种情况,请在使用页面之前使用程序重新缩放图像。

HTML 4.01 与 HTML5之间的差异

在HTML 4.01中,高度可以以像素或包含元素的百分比定义。在HTML5中,该值必须以像素为单位。

语法

<img height="pixels">

属性值

描述
pixels以像素为单位的高度(比如 height="50")。
 HTML <img> 标签

HTML: <img> hspace 属性 HTML: <input> width 属性