반응 형 AMP 페이지 만들 기 – AMP 
 전체 코드 표시 
 읽 어 보 기 — AMP 의 다양 한 레이아웃 을 자세히 알아보 려면 레이아웃 및 미디어 쿼리 가이드 를 참조 하 세요 . 
 참고 — DPR ( x ) 기반 의 srcset 선택 자 도 사용 할 수 있 지만 더 높 은 유연 성 을 위해서 는 w 선택 자 를 사용 하 는 것 이 좋 습니다 . 이전 에 는 ( 이전 의 srcset 제안 에서 는 ) w 설명 자 가 표시 영역 너비 를 설명 했 지만 , 지금 은 이미지 소스 파일 의 너비 를 설명 합니다 . 따라서 사용자 에이전트 가 각 이미지 의 효과 적 인 픽셀 밀도 를 계산 하 고 렌더링 할 적절 한 이미지 를 선택 할 수 있 습니다 . 
 읽 어 보 기 — AMP 에서 srcset 및 크기 를 사용 하 는 방법 을 자세히 알아보 려면 srcset , 크기 , 높이 를 사용 하 는 아트 디렉션 가이드 를 참조 하 세요 . 
 읽 어 보 기 — AMP 의 아트 디렉션 에 관해 자세히 알아보 려면 srcset , 크기 , 높이 를 사용 하 는 아트 디렉션 가이드 를 참조 하 세요 . 
 읽 어 보 기 — fallback 에 관해 자세히 알아보 려면 자리 표시 자 및 Fallback 가이드 를 참조 하 세요 . 
 읽 어 보 기 — Google AMP 캐시 가 적용 하 는 이미지 최적화 를 자세히 알아보 려면 ' Google AMP 캐시 , AMP Lite 그리고 속도 의 필요 성 ' 블로그 게시물 을 참조 하 세요 . 
 AMP 시작 템플 릿