Google AMP 標籤組件

AMP HTML 庫提供的組件可劃分爲：

內置：基礎庫中包含的組件，例如 amp-img 和 amp-pixel。
擴展：相對於基礎庫而言的擴展組件，必須作爲自定義元素明確包含在文檔中（例如<script async custom-element="amp-audio" ...）。
實驗：已發佈但尚不能廣泛使用的組件。

若按類別，這些組件則可分別歸爲：

組件	說明
`amp-ad`	一種容器，用於展示廣告。
`amp-ad-exit`	爲 A4A (AMP for Ads) 的廣告退出事件提供可配置行爲。
`amp-analytics`	從 AMP 文檔獲取分析數據。
`amp-auto-ads`	通過使用遠程提供的配置文件，向 AMP 網頁中動態投放廣告。
`amp-call-tracking`	動態替換超鏈接中的電話號碼，以啓用來電跟蹤。
`amp-experiment`	可用於在 AMP 文檔上進行用戶體驗實驗。
`amp-pixel`	一種跟蹤像素，用於統計網頁瀏覽量。
`amp-sticky-ad`	提供一種方式，以在頁面底部持續顯示廣告內容。

組件	說明
`amp-access-laterpay`	可讓發佈者輕鬆集成 LaterPay 微支付平臺。
`amp-access`	提供 AMP 付費牆和訂閱支持。
`amp-bind`	允許元素髮生變化，以通過數據綁定關係和與 JS 相似的簡單表達式來響應用戶操作或數據變更。
`amp-form`	提供表單支持。
`amp-gist`	顯示 GitHub Gist。
`amp-install-serviceworker`	安裝 ServiceWorker。
`amp-list`	動態下載數據並使用模板創建列表項。
`amp-live-list`	提供一種方式，以實時地顯示和更新內容。
`amp-mustache`	允許呈現 `Mustache.js` 模板。
`amp-selector`	表示一種控件，可顯示選項菜單並讓用戶從中選擇。
`amp-user-notification`	向用戶顯示可關閉的通知。
`amp-web-push`	讓用戶能夠訂閱網絡推送通知。

組件	說明
`amp-accordion`	提供一種方式，讓觀看者可以大致瞭解網頁內容並隨意跳至想查看的部分。（手風琴）
`amp-app-banner`	一個封裝容器和極簡界面，用於呈現一個跨平臺且具有固定位置的橫幅，以顯示應用安裝號召性用語。
`amp-carousel`	沿着一條橫軸顯示多個相似的內容片段。
`amp-fx-flying-carpet`	將其子對象封裝在一個獨特的全屏滾動容器中，可讓您在不佔用整個視口的情況下展示全屏廣告。（背景固定定位）
`amp-fx-parallax`	一種屬性，可讓元素呈現 3D 透視效果。（同上，可以設置視差效果）
`amp-iframe`	顯示 iframe。
`amp-lightbox`	可帶來“燈箱”或類似體驗。（同模態框）
`amp-position-observer`	在用戶滾動屏幕並調度可與其他組件一起使用的事件時，監控視口內某個元素的位置。（滾動監聽）
`amp-sidebar`	提供一種方式，以顯示那些供臨時訪問的元內容，例如導航、鏈接、按鈕、菜單。（側邊欄彈出）

組件	說明
`amp-3q-player`	嵌入來自 3Q SDN 的視頻。
`amp-anim`	管理動畫圖片，通常是 GIF 格式。
`amp-apester-media`	顯示 Apester 智能單元。
`amp-audio`	替換 HTML5 `audio` 標記。
`amp-brid-player`	顯示 Brid.tv 播放器。
`amp-brightcove`	顯示 Brightcove 視頻雲或執行播放器。
`amp-dailymotion`	顯示 Dailymotion 視頻。
`amp-google-vrview-image`	顯示 VR 圖片。
`amp-hulu`	顯示簡單的嵌入式 Hulu 視頻。
`amp-ima-video`	爲與 IMA SDK 集成的插播視頻廣告嵌入一個視頻播放器。
`amp-image-lightbox`	可帶來“圖片燈箱”或類似體驗。
`amp-img`	替換 HTML5 `img` 標記。
`amp-imgur`	顯示 Imgur 帖子。
`amp-izlesene`	顯示 Izlesene 視頻。
`amp-jwplayer`	顯示由雲託管的 JW 播放器。
`amp-kaltura-player`	顯示 Kaltura 的視頻平臺中使用的 Kaltura 播放器。
`amp-nexxtv-player`	顯示來自 nexxOMNIA 平臺的媒體流。
`amp-o2-player`	顯示 AOL O2Player。
`amp-ooyala-player`	顯示 Ooyala 視頻。
`amp-playbuzz`	顯示任何 Playbuzz 內容（例如列表、意見調查，等等）。
`amp-reach-player`	顯示 Beachfront Reach 視頻播放器。
`amp-soundcloud`	顯示 Soundcloud 剪輯。
`amp-springboard-player`	顯示 Springboard 平臺視頻播放器。
`amp-video`	替換 HTML5 `video` 標記。
`amp-vimeo`	顯示 Vimeo 視頻。
`amp-youtube`	顯示 YouTube 視頻。

組件	說明
`amp-animation`	定義並顯示動畫。
`amp-dynamic-css-classes`	在 HTML 元素上添加幾個動態 CSS 類名稱。（通過域名進行css判斷）
`amp-fit-text`	放大或縮小字體，以適合給定空間內的內容。（自適應文本框）
`amp-font`	觸發並監控自定義字體的加載。
`amp-timeago`	通過將日期格式設爲“*多長時間前*”（例如 3 小時前）來提供模糊的時間戳。
`amp-viz-vega`	顯示使用 Vega 可視化語法創建的可視內容。（數據表格）