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

【问题标题】：Element img not allowed as child of element picture in this context在此上下文中，元素 img 不允许作为元素图片的子元素
【发布时间】：2018-08-10 08:55:03
【问题描述】：

我的例子

<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 作为元素图片的子元素。”

你能帮帮我吗？

【问题讨论】：

标签： javascript html dom web

【解决方案1】：

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

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

【讨论】：