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"> |
Mustache 範本標記,用於呈現 amp-list 呼叫的結果。 |
版面配置
元素 | 說明 |
---|---|
版面配置屬性 | 版面配置行為由版面配置屬性決定。 |
<amp-accordion> |
一種 UI 元素,方便顯示/隱藏不同區段。 |
<amp-carousel> |
輪播 UI 元件。 |
<amp-fit-text> |
用於在特定區域內調整文字大小的輔助元件。 |
<amp-layout> |
可使用長寬比為基礎的回應式版面配置的容器。 |
<amp-sidebar> |
用於導覽目的的側邊欄。 |
<amp-timeago> |
提供呈現時間戳記的便利方式。 |
媒體
元素 | 說明 |
---|---|
<amp-img> |
取代 <img> 的 AMP 元件。注意: 不允許繫結至 [src] 。 |
<amp-anim> |
嵌入 GIF 檔案。 注意: 不允許繫結至 [src] 。 |