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 屬性決定。 |
<amp-accordion> |
一種 UI 元素，方便顯示/隱藏不同區塊。 |
<amp-carousel> |
輪播 UI 元件。 |
<amp-fit-text> |
一種輔助元件，用於將文字調整到特定區域內。 |
<amp-layout> |
一種容器，可以具有基於長寬比的響應式版面配置。 |
<amp-sidebar> |
用於導航目的的側邊欄。 |
<amp-timeago> |
提供一種呈現時間戳記的便捷方式。 |
媒體
| 元素 | 描述 |
|---|---|
<amp-img> |
一種取代 <img> 的 AMP 元件。注意： 不允許綁定到 [src]。 |
<amp-anim> |
嵌入 GIF 檔案。 注意： 不允許綁定到 [src]。 |