chocotakaの日記

日々技術的な事で学んだ小さな事をを自分なりに書いていきます

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"を指定すると画像はレスポンシブに表示してくれるようになります。