Question

我想知道是否有办法在网站的每个页面上包含重复的设计元素。站点元素的一些示例可以在每个页面中找到，作为徽标所在的标题区域，导航和页脚区域。

我的目标是在进行更改时不必纠正所有方面，例如，在菜单中。

或者有人知道另一种有效方式吗？

Answer 1

使用AMP中的 amp-iframe 标记在HTML文件中添加其他HTML文件

将Js置于头部

<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>

将iframe代码放入正文部分

<amp-iframe width="200" height="100"
    sandbox="allow-scripts allow-same-origin"
    layout="responsive"
    frameborder="0"
    src="https://www.example.com/htmlfile.html">
</amp-iframe>

放大器iframe可能不会出现在文档顶部附近（使用占位符的iframe除外）。当滚动到顶部时，iframe必须距离顶部600 px或者不在视口的前75％内，以较小者为准。

有关详细信息，请refer this link

Answer 2

使用简单的html放大器是不可能的，但你可以通过webpack插件来实现这一点。你可以在ampstart.com项目中找到更多关于这个的信息。

如何在AMP中包含HTML文件

2 个答案: