如何将动态加载的图像转换为W3C验证

Question

我正在通过CSS加载网页的背景图片。这允许我根据视口宽度加载不同大小的图像，以帮助移动/平板电脑上的页面加载速度。

<img id="backimage">

唯一的问题是它会产生以下W3C验证错误（我遇到的唯一错误以及客户特别希望页面验证）：

  

错误第6行，第8列：未指定必需属性“TYPE”   <script>

     

上面给出的属性是您使用过的元素所必需的，但您已将其省略。例如，在大多数HTML和XHTML文档类型中，“script”元素需要“type”属性，“img”元素需要“alt”属性。

     

类型的典型值为type="text/css"的{​​{1}}和<style>的{​​{1}}。

     

错误第39行，第24列：未指定必需属性“SRC”

type="text/javascript"

     

上面给出的属性是您使用过的元素所必需的，但您已将其省略。例如，在大多数HTML和XHTML文档类型中，“script”元素需要“type”属性，“img”元素需要“alt”属性。

     

类型的典型值为<script>的{​​{1}}和<img id="backimage"> 的{​​{1}}。

Answer 1

使用JavaScript / DOM生成整个元素，然后将其附加到其父元素。

不要放置一个占位符元素，它不具备规范要求的所有内容。