AMP 페이지에서 대부분의 HTML 요소를 자유롭게 사용할 수 있습니다. 그러나 일부는 제한됩니다. 일반적으로 페이지의 성능에 영향을 주는 요소, 예를 들어 외부 HTTP 요청과 관련된 요소는 금지됩니다. 이러한 경우 AMP 태그는 기존 HTML과 유사한 기능을 제공하지만 웹 성능에 최적화된 방식으로 제공합니다.
다음은 AMP에서 금지된 HTML 태그거나 대체 가능한 AMP 태그 목록입니다. 아래 목록에 없는 나머지 HTML 태그는 평소와 같이 사용할 수 있습니다.
금지된 HTML 태그
다음 태그는 AMP 페이지에서 완전히 금지되어 있습니다.base, frame, frameset, object, param, applet, embed.
AMP-HTML로 대체할 수 있는 HTML 태그
다음 표는 AMP HTML로 대체할 수 있는 태그를 나타냅니다.
HTML 태그 | AMP-HTML 버전 |
---|---|
img | amp-img |
video | amp-video |
audio | amp-audio |
iframe | amp-iframe |
허용되지만 제한이 있는 HTML 태그
다음은 AMP 페이지에서 허용되지만 몇 가지 특별한 요구 사항이 있는 HTML 태그입니다.
HTML 태그 | 조건 |
---|---|
script |
타사 JavaScript가 특정 상황에서 AMP 성능 스크립트 태그를 방해하지
않도록 하려면 다음과 같이 합니다.
|
meta | meta-quiv 속성을 제외하고 허용됨 |
form, input | <input [type = image)>, <input [type % 3Dbutton]>, <input [type = password]> 및 <input [type = file]>을 제외한 form-extension에 허용됩니다. |
style | 하나의 사용자 스타일 태그만 허용됩니다. 문서의 헤드에 나타나야 하며 amp-custom 속성을 포함해야 하며 75KB 미만의 CSS를 포함해야 합니다. |
link | 허용된 출처의 글꼴만 포함하거나 microformats.org에 등록된 메타 데이터의 rel 속성 값을 포함할 수 있습니다. |
자세한 내용은 amp.dev의 HTML-Tags를 참조하세요.