amp-img在它之后就可以接受内联元素

Question

我遇到了一个关于amp-img的问题。

当我在源代码中的amp-img后面编写内联元素时，当浏览器呈现它时，amp-img会吞噬其中的元素。

源代码<amp-img /><span>...</span> ->呈现的html <amp-img><span>...</span></amp>

或

源代码<amp-img /><amp-img /><a><amp-img /></a> ->呈现的html <amp-img><amp-img><a><amp-img /></a></amp-img></amp-img>

如果我像这样颠倒元素的顺序，

源代码<span>...</span><amp-img />

它工作正常。

我在MacOS上查看了Chrome和Safari，在iOS上查看了Safari。

有人知道原因吗？

谢谢。

Answer 1

变化

<amp-img /><span>...</span>

至

<amp-img></amp-img><span>...</span>