AMP

AMP 상용구 코드

head > style[amp-boilerplate]noscript > style[amp-boilerplate]

AMP HTML 문서는 head 태그에 다음 상용구를 포함해야 합니다. 현재 일반 표현식의 유효성 검증이 완료되었으니 변형은 최소한으로 유지해야 합니다. 현재 허용되는 변형은 다음과 같습니다.

  1. style 태그가 열리고 닫힌 직후에 임의의 공백을 삽입하는 것.
  2. 아래 코드 조각의 모든 공간을 임의의 공백으로 교체하는 것.
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

상용구 생성기를 사용하여 AMP 페이지의 기본 스켈레톤을 빠르게 설정할 수 있습니다. 또한 PWA 등을 제작하는 데 필요한 구조적 데이터의 코드 조각도 제공합니다!