AMP

The AMP Component Catalogue

The AMP HTML library consists of a basic runtime that brings the core functionalities of AMP to your page. If you want to add additional features you can do so by using one or more of the ready-to-use AMP components. They are classified as:

Built-in Components that are included in the base library, such as amp-img and amp-pixel.
Extended Extensions to the base library that must be explicitly included in the document as custom elements.
Experimental Components that are released but are not yet ready for wide use.

Highlighted Components

Filter by category

動的コンテンツ

amp-bind
データ バインディングや JS に似た単純な式を使用して、ユーザーの操作やデータの変更に応じた要素の変更を可能にします。
amp-form
Allows you to create forms to submit input fields in an AMP document.
amp-mraid
Supports interaction with the MRAID host API within Ad webviews in...
amp-mustache
Mustache.js テンプレートのレンダリングを可能にします。
amp-smartlinks
Run Narrativ's Linkmate process inside your AMP page

レイアウト

amp-accordion
閲覧者がコンテンツの概要を一目で把握し、選択した任意のセクションにジャンプできるようにします。
amp-carousel
横軸に沿って複数の類似コンテンツを表示します。
amp-carousel
Displays multiple similar pieces of content along a horizontal axis.
amp-lightbox-gallery
Provides a "lightbox” experience. Upon user interaction, a UI...
amp-lightbox
フルビューポートの「ライトボックス」モーダル内に要素を表示します。
amp-position-observer
Monitors the orientation of an element within the viewport as a...

メディア

amp-anim
Manages an animated image, typically a GIF.
amp-audio
Replaces the HTML5 audio tag.
amp-img
HTML5 の img タグを置き換えます。
amp-video
HTML5 video タグの代替機能です。
amp-youtube
YouTube 動画を表示します。