为什么AMP-HTML会改变我的代码？

Question

我正在将旧网站转换为AMP-HTML并出现问题。这是我的代码..

<ul> 
    <li><amp-img src="pic.png" layout="responsive" height="10" width="10"><h2>hello</h2></li> 
</ul> 

当我在浏览器中检查它时，它将图像向下推，并将h2置于图像顶部。

Answer 1

这可能是因为您的<amp-img>标记未关闭。关闭标签如下。

<ul> 
    <li> 
    <amp-img src="pic.png" layout="responsive" height="10" width="10"> 
    </amp-img> 
    <h2>hello</h2> 
    </li> 
</ul> 

这应该工作，因为我从来没有遇到任何问题<amp-img>标签截至目前。