AMP에서 허용되지 않는 HTML 태그

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 성능 스크립트 태그를 방해하지 않도록 하려면 다음과 같이 합니다.
  • AMP 런타임을 로드합니다.
  • AMP 구성 요소를 포함합니다.
  • type이 application / ld + json으로 설정된 JSON 데이터를 로드합니다.
또한 모든 스크립트 태그는 기본 렌더링을 차단하지 않도록 비동기로 선언되어야 합니다.
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를 참조하세요.

방문해주셔서 감사합니다. 즐거운 하루 되세요!

댓글 쓰기