如何获取动态加载的图像到W3C验证

Question

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

<img id="backimage"> 

与此唯一的问题是，它会创建下列W3C验证错误（唯一的错误，我已经和客户特别想要的页面验证）：

错误6号线，8栏：未指定必需属性“TYPE” <script>

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

类型的典型值为type="text/css"为<style>和type="text/javascript"为<script>。

错误行39，列24：没有指定所需的属性“SRC”

<img id="backimage"> 

上面给出的要求，为您所使用的元素属性，但你忽略它。例如，在大多数HTML和XHTML文档类型中，“script”元素需要“type”属性，“img”元素需要“alt”属性。

类型的典型值为type="text/css"为<style>和type="text/javascript"为<script>。

Answer 1

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

请勿放置占位符元素，该元素不具备规范要求的所有内容。