How to get a dynamically loaded image to W3C validate

Question

I am loading a background image for a webpage through CSS. This allows me to load a different sized image based on viewport width, to help the page load speed on mobile/tablet.

<img id="backimage">

The only issue with this is that it creates the following W3C validation errors (the only errors I have and the client specifically wants the page to validate):

Error Line 6, Column 8: required attribute "TYPE" not specified <script>

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Error Line 39, Column 24: required attribute "SRC" not specified
<img id="backimage">
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Quentin · Accepted Answer · 2017-05-30 10:28:31Z

1

Generate the whole element with JavaScript/DOM, then append it to its parent element.

Don't put a placeholder element which doesn't have everything the specification requires.

answered May 30, 2017 at 10:28

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get a dynamically loaded image to W3C validate

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related