AMP

AMP 电子邮件支持的组件

以下是 AMP 电子邮件中当前支持的 AMP 组件列表。这些组件分为以下几类:

动态内容

元素 说明
<amp-form> 表单元素。必须使用 action-xhr 特性代替常规的操作特性。可与 <template type="amp-mustache"> 结合使用来呈现响应。

:不允许在提交后重定向
<amp-selector> 在表单中使用的多选微件。
amp-bind<amp-bind-macro> AMP 中的简单脚本语言,可用于操控状态机以进行元素之间的交互。也可以用于添加某些事件的行为。

:禁止绑定到 [href][src]。也禁止使用 AMP.printAMP.navigateToAMP.goBack 操作。
<amp-state> <amp-state>用于定义 amp-bind 所使用的初始状态。

:目前尚不支持 src 特性。
<amp-list> 远程获取将由 <amp-mustache> 呈现的 JSON 数据。

:不允许绑定到 [src] 特性。也禁止使用 credentials="include" 来包含用户凭证。
<template type="amp-mustache"> Mustache 模板标记,用于呈现 amp-list 调用的结果。

布局

元素 说明
布局属性 布局行为由布局特性确定。
<amp-accordion> 一个有助于显示/隐藏不同部分的界面元素。
<amp-carousel> 轮播界面组件。
<amp-fit-text> 用于在特定区域内适配文本的辅助组件。
<amp-layout> 可以具有基于宽高比的响应式布局的容器。
<amp-sidebar> 用于导航目的的边栏。
<amp-timeago> 提供了一种方便的时间戳呈现方法。

媒体

元素 说明
<amp-img> 代替 <img> 的 AMP 组件。

:不允许绑定到 [src]
<amp-anim> 嵌入 GIF 文件。

:不允许绑定到 [src]