WordPress 网站上的 W3C 错误：属性 src-large、src-full、src-medium “此时元素 img 上不允许”

Posted 2023-03-05

【中文标题】WordPress 网站上的 W3C 错误：属性 src-large、src-full、src-medium “此时元素 img 上不允许”

【英文标题】：W3C error on WordPress site: attributes src-large, src-full, src-medium "not allowed on element img at this point"

【发布时间】：2019-02-05 11:38:01

【问题描述】：

我在 W3C 中遇到了很多错误。其中之一是：

此时，元素 img 上不允许使用属性 src-large。

属性src-full 和src-medium 出现相同的错误。

如何删除此属性？而且很重要，在哪里？

【问题讨论】：

欢迎来到 Stack Overflow。您的意思是使用 validator.w3.org 来验证您的代码吗？如果是这样，我希望有更多像您这样的网络开发人员。请提供示例和上下文以获取更多详细信息。

还有，我也验证了我网站的代码（尽管我必须承认我现在不像刚开始开发网站时那样经常这样做）。

Laurene，不要删除这些属性。相反，请按照 Dragonthoughts 的回答提出的建议，您不会破坏您网站上的任何现有功能。

【参考方案1】：

显示错误是因为它们不是 html 标准属性。

根据您的具体用法，您可以使用<img> 上的srcset 属性替换它们，或者将<img> 元素替换为<picture> 元素。

见：https://www.w3schools.com/tags/tag_img.asp 和https://www.w3schools.com/tags/tag_picture.asp 更多细节

【讨论】：

... 或将这些属性转换为data attributes，错误就会消失：data-src-full、data-src-medium（当然她还需要更改依赖它的代码以便之后正确显示图像）。

感谢您的回答，所以我将用 srcset 替换它，但作为初学者，我知道如何替换它。