对 HTML 验证错误感到困惑答案

【问题标题】：Confused with HTML validation error对 HTML 验证错误感到困惑
【发布时间】：2013-06-02 05:07:47
【问题描述】：

我有这个代码：

<img src="Media//Service//rightImage.jpg" alt="Watch Repair" width="380px" height="272px" style="float:right;" />

我正在使用的w3.org 网站上的 HTML 验证工具说我不能使用“380px”的宽度，因为：

元素 img 上属性宽度的错误值 380px：应为数字但看到了 p 。 …ge.jpg" alt="手表维修" width="380px" 高度=“272px”风格=“浮动：右；” /> 非负整数的语法：一位或多位数字 (0–9)。例如：42 和 0 是有效的，但 -273 是不是。

这是否意味着我应该只删除 px 部分并且它会运行良好？我以为我必须将宽度定义为像素？

非常困惑！谁能给我解释一下？谢谢大家！

【问题讨论】：

@Pekka웃 有什么证据吗？ w3c 说 img 标签的宽度属性是绝对有效的，即使在 html5 中也是如此：dev.w3.org/html5/markup/img.html#img.attrs.width
您究竟在哪里发现不推荐使用宽度属性？ @Pekka웃
另外，您编写了内联样式。除非非常不可避免，否则不建议这样做。 @Pekka웃
@Lenin 哦，你说得对，它没有被弃用，甚至在 HTML 5 中也没有：dev.w3.org/html5/markup/img.html 我重申，通常鼓励使用 CSS width 属性；理想情况下，在外部类定义中（尽管图像可能并不总是可行的）
如果您检查标记验证器。其中一些寻找给定图像的宽度和高度。 @Pekka웃

【解决方案1】：

你不需要用img的width或height属性写“px”

The width attribute specifies the width of an image, in pixels.

就这样写吧

<img src="Media//Service//rightImage.jpg" alt="Watch Repair" width="380" height="272" style="float:right;" />

首选的方式是使用style属性来定义这些属性

<img src="Media//Service//rightImage.jpg" alt="Watch Repair" style="width:380px;height:272px;float:right;" />

【讨论】：

谢谢。不确定哪种方式真的很重要。对我来说，不使用 style 属性的方式似乎更简单，但这就是我。
stackoverflow.com/questions/2414506/… 值得关注。 @Mayron
您不得在那里使用px。并且使用外部样式表优于 style 属性，但是当用于指定图像的实际、固有大小（与重新缩放相反）时，没有 HTML 规范建议反对 height 和 width 属性。

【解决方案2】：

是的，它非常微不足道。您必须删除 px 部分并保留数字，无论如何它们始终以像素为单位。 http://www.w3schools.com/tags/att_img_width.asp

【讨论】：

【解决方案3】：

根据 HTML5 规则，dimension attributes（如果使用）必须具有有效的非负整数值。不需要或接受任何单位。隐含的单位是 CSS 像素。所以是的，您应该简单地删除 px 部分。

【讨论】：

【解决方案4】：

从高度和宽度属性中删除“px”

【讨论】：