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

dynamic-content

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

layout

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...

media

amp-anim
Manages an animated image, typically a GIF.
amp-audio
Replaces the HTML5 audio tag.
amp-img
Replaces the HTML5 img tag.
amp-video
HTML5 동영상 태그를 대체합니다.
amp-youtube
YouTube 동영상을 표시합니다.