画像imgタグの追加｜AMP対応のHTMLファイルを作ってみる
画像のimgタグでは、AMP対応タグの追加が必要。
サンプルタグ
<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800" layout="responsive"></amp-img>
必要事項
1. amp-img タグ
img だったタグが amp-img になる。
2. width と height は数値で固定
width(幅)とheight(高さ)は、ピクセル数値で固定する。
height="400″ width="800″
3. layoutタグ
layoutタグはなくてもOKだが、レスポンシブ指定で解像度によって幅と高さの比率を変えずに画像大きさが変わるので、付けておいた方が便利。
layout="responsive"
4. 締めのタグを置く
他のサイトでは使っていないサンプルがあったので、ここは検証が必要。ひとまず必要ということで。
</amp-img>