AMPの基本的な書き方
html宣言
<html ⚡ lang="ja">
のように記述する。
style指定
<style amp-custom> body { width: auto; margin: 0; padding: 0; } </style>
cssは極力処理を早くするために外部ファイルを読み込むではなくstyle amp-custom
で囲う。
img指定
<amp-img src="sample.jpg" layout="responsive" width="266" height="150"></amp-img>
width/height
はレンダリングを少しでもスムーズにするために指定します。
layout="responsive"
を指定すると画像はレスポンシブに表示してくれるようになります。