javascript - 在此上下文中，元素 img 不允许作为元素图片的子元素

我的例子

<figure>
  <picture>
    <source media="(min-width: 1200px)" srcset="/images/main/main_visual_01_md.jpg">
    <source media="(min-width: 992px)" srcset="/images/main/main_visual_01_md.jpg">
    <source media="(min-width: 768px)" srcset="/images/main/main_visual_01.jpg">
    <source media="(min-width: 320px)" srcset="/images/main/main_visual_01.jpg">
    <img src="/images/main/main_visual_01_md.jpg" class="visible-md visible-lg" alt="샐러드 접시">
    <img src="/images/main/main_visual_01.jpg" class="visible-xs visible-sm" alt="샐러드 접시">
  </picture>
  <figcaption class="blind">치즈와 키토제닉 전용 빵이 들어간 샐러드 접시</figcaption>
</figure>

html5 验证器说“元素 img 在此上下文中不允许作为元素图片的子元素。”

你能帮帮我吗？

最佳答案

图片元素只能包含一个 IMG 元素。错误是由于无关的 child 。

这里有更多关于图片元素的信息:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture

关于javascript - 在此上下文中，元素 img 不允许作为元素图片的子元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49064097/