电子邮件 AMP 支持的组件
重要提示:此文档不适用于您当前选择的网站格式!
以下是 AMP 组件的列表,这些组件当前在 AMP 电子邮件消息中受支持。这些组件分为以下几类
动态内容
元素 | 描述 |
---|---|
<amp-form> |
表单元素。必须使用 action-xhr 属性代替常规的 action 属性。可以与 <template type="amp-mustache"> 结合使用以呈现响应。注意:不允许提交后重定向。 |
<amp-selector> |
用于表单中的多选小部件。 |
amp-bind 和 <amp-bind-macro> |
AMP 中的简单脚本语言,允许操作状态机以实现元素之间的交互。也可以用于在某些事件上添加行为。 注意:禁止绑定到 [href] 或 [src] 。也禁止使用 AMP.print 、AMP.navigateTo 和 AMP.goBack 操作。 |
<amp-state> |
<amp-state> 用于定义 amp-bind 使用的初始状态。注意:当前不支持 src 属性。 |
<amp-list> |
远程获取 JSON 数据,这些数据将由 <amp-mustache> 呈现。注意:不允许绑定到 [src] 属性。也禁止包含带有 credentials="include" 的用户凭据。 |
<template type="amp-mustache"> |
用于呈现 amp-list 调用结果的 Mustache 模板标记。 |
布局
元素 | 描述 |
---|---|
layout 属性 | 布局行为由 layout 属性决定。 |
<amp-accordion> |
一种方便显示/隐藏不同部分的 UI 元素。 |
<amp-carousel> |
轮播 UI 组件。 |
<amp-fit-text> |
用于在特定区域内调整文本大小的帮助程序组件。 |
<amp-layout> |
一个可以具有基于纵横比的响应式布局的容器。 |
<amp-sidebar> |
用于导航的侧边栏。 |
<amp-timeago> |
提供了一种呈现时间戳的便捷方式。 |
媒体
元素 | 描述 |
---|---|
<amp-img> |
替换 <img> 的 AMP 组件。注意:不允许绑定到 [src] 。 |
<amp-anim> |
嵌入 GIF 文件。 注意:不允许绑定到 [src] 。 |