为什么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>标记的任何问题。