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