W3C validation fails due to incorrect closing "<source>" tags

Developers
#1

When a html page includes de picture and source tags Cloudflare replace it with a closing tag but the source tag does not allow a closing tag, for example:

<picture>
                  <source media="(min-width: 1920px)" srcset="test.webp">
                  <source media="(max-width: 1919px)" srcset="test2.webp">
                  <img width="385" height="548" class="img-fluid" draggable="false" src="test4.webp" alt="playstation img" />
                </picture>

Is replaced with:

And the html validator returns an :

Stray end tag source .

I tried disabling all optimizations in the Cloudflare “speed” area with no luck

Is there any workaround?

#2

Is replaced with:

</source></source></picture>
#3

If you access your website directly and not through Cloudflare, the source tag displays normally?

I can’t reproduce this problem with the following page

<!DOCTYPE html>
<html>
    <picture>
        <source media="(min-width: 1920px)" srcset="test.webp">
        <source media="(max-width: 1919px)" srcset="test2.webp">
        <img width="385" height="548" class="img-fluid" draggable="false" src="test4.webp" alt="playstation img" />
      </picture>
</html>

What software is generating this page data or did you write the HTML yourself?

#5

That’s correct, without the Cloudflare proxy the html code is the original one without the closing tags. Cloudflare replace it even with all optimizations disabled. I did write the code myself.

#6

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.