一个高度为 600 像素,宽度为 500 像素的图像:
<img src="../assets/chrome.svg" alt="Some image" referrerpolicy="no-referrer" height="600" width="500">
width
属性指定图像的宽度,以像素为单位。
提示: 始终为图像指定 height
和 width
属性。 如果设置了高度和宽度,则在加载页面时保留图像所需的空间。 但是,如果没有这些属性,浏览器就无法知道图像的大小,也无法为其预留适当的空间。 效果将是页面布局将在加载期间更改(同时加载图像)。
提示: 使用 height
和 width
属性缩小大图会强制用户下载大图(即使它在页面上看起来很小)。 为避免这种情况,请在将图像用于页面之前使用程序重新缩放图像。
属性 Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
<img width="pixels">
值 Value | 描述 Description |
---|---|
pixels | 以像素为单位的宽度(例如 width="100") |