AMP

支援電子郵件的 AMP 組件

以下是 AMP 組件 列表,這些組件目前在 AMP 電子郵件訊息中受到支援。這些組件分為以下類別

動態內容

元素 描述
<amp-form> 表單元素。必須使用 action-xhr 屬性來代替常規的 action 屬性。可以與 <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> 遠端提取 JSON 資料,這些資料將由 <amp-mustache> 呈現。

注意: 不允許綁定到 [src] 屬性。也禁止使用 credentials="include" 包含使用者憑證。
<template type="amp-mustache"> Mustache 範本標記,用於呈現 amp-list 呼叫的結果。

版面配置

元素 描述
版面配置屬性 版面配置行為由 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]