이메일용 AMP 지원 컴포넌트
아래 내용은 현재 AMP 이메일 메시지에서 지원되는 {0}AMP 컴포넌트{/0} 목록입니다. 컴포넌트는 다음과 같은 카테고리로 분류됩니다.
동적 콘텐츠
요소 | 설명 |
---|---|
<amp-form> |
양식 요소. action-xhr 속성은 일반 액션 속성의 자리에 사용되어야 합니다. 응답을 렌더링하는 데 <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> |
<amp-mustache> 가 렌더링하는 JSON 데이터를 원격으로 가져옵니다.참고: [src] 속성과 바인딩은 허용되지 않습니다. credentials="include" 도 금지됩니다. |
<template type="amp-mustache"> |
amp-list 호출 결과를 렌더링하는 Mustache 템플릿 마크업. |
레이아웃
요소 | 설명 |
---|---|
레이아웃 속성 | 레이아웃 동작은 레이아웃 속성에 따라 결정됩니다. |
<amp-accordion> |
다른 섹션의 표시/숨김 처리를 원활하게 지원하는 UI 요소. |
<amp-carousel> |
캐러셀 UI 컴포넌트. |
<amp-fit-text> |
특정 영역에 맞춰 텍스트를 설정하는 헬퍼 컴포넌트. |
<amp-layout> |
반응형 레이아웃 기반의 가로세로비를 갖는 컨테이너. |
<amp-sidebar> |
탐색 용도의 사이드바. |
<amp-timeago> |
편리한 타임스탬프 렌더링 방식 제공. |
미디어
요소 | 설명 |
---|---|
<amp-img> |
<img> 를 대체하는 AMP 컴포넌트.참고: [src] 와 바인딩은 허용되지 않습니다. |
<amp-anim> |
GIF 파일 임베딩. 참고: [src] 와 바인딩은 허용되지 않습니다. |