我的HTML INPUT无效标记,请帮忙

Question

在我的网站上,我有以下代码:

<input type="image" src="images/btn.png" alt="Submit" border="0" height="25" width="102" />

当我通过众多HTML验证器中的一个运行我的网站时,他们会提示通知我:

• 边界
• 高度
• 宽度

是INPUT元素的无效属性.

但是,YSlow和Google PageSpeed告诉我,我应该始终包含图像尺寸,以提高解析HTML的速度.

还有什么其他方法可以使用图像提交按钮,同时仍然是HTML有效并遵循YSlow建议？

Answer 1

使用CSS实现相同的目标.内联CSS:

<input type="image" src="images/btn.png" alt="Submit"
       style="border:0; width:102px; height:25px;" />

或者甚至更好,在CSS文件中使用样式:

HTML:

<input type="image" src="images/btn.png" alt="Submit"
       class="somethingMeaningful" />

CSS:

input.somethingMeaningful { border: 0; width: 102px; height: 25px; }

如果yslow或Google PageSpeed仍然抱怨,请忽略.