“auto”是HTML属性“height”和“width”的有效值吗?

HTML生活标准规范 attributes index 说对于每个,值必须是 Valid non-negative integer .

这被定义为

如果字符串由一个或多个ASCII数字组成,则它是一个有效的非负整数。

但是请注意,属性索引是非规范性的。对于规范性要求,必须检查每个元素的属性定义。

例如,在 <img> element 文中写道:

当父元素是图片元素时,img、iframe、embed、object、video、source上的宽度和高度属性,以及当它们的类型属性处于Image Button状态时,可以指定输入元素,以CSS像素为单位给出元素的视觉内容的尺寸(相对于输出介质的标称方向分别为宽度和高度)。 如果指定了属性,则其值必须是有效的非负整数 .

因此,由于“auto”不是由一个或多个ASCII数字组成的,因此它是无效的。

作为参考 W3 validator 他说 auto 是无效值:

输入:

<img src="image.png" alt="" width="500" height="auto">

输出:

“错误:元素img的属性高度值auto错误”