图像是否总是需要宽度和高度指定

Question

当我在我的网页上添加图片时，如果我只添加宽度或高度将在所有浏览器中正常工作，或者图像是否总是有宽度和高度？

虽然在我查看某些浏览器时它看起来不错，但我只想确定。

谢谢！

Answer 1

没有

任何DOCTYPE都不需要width元素的height和img属性。

Answer 2

我通常建议为每张图片指定标准宽度和高度。我的建议是为图像创建一个CSS类或标识符，并在CSS而不是HTML中指定宽度和高度。虽然在HTML中为一次性图像指定宽度和高度是完全可以接受的，但在CSS中分配这些值往往会提高网站的可维护性。

.my_image {
    width: 100px;
    height: 100px;
}

<img src="test.jpg" class="my_image" />

或

#my_image {
    width: 100px;
    height: 100px;
}

<img src="test.jpg" id="my_image" />

请注意，虽然指定特定的宽度和高度不是严格必要的，但它会降低图像在以后用不同尺寸的图像替换的可能性，从而打破布局。 / p>

大多数现代浏览器都会以相同的方式解释基本宽度和高度属性。