1. プリレンダリングする..
    2018/July/22/04:54 Sun   Comment(0)
    この記事は さくらのブログ、 Seesaaブログを お使い... ( Read more )
  2. 脱 jQuery?
    2018/July/16/17:08 Mon   Comment(0)
    jQueryはいらないと 言われていますが なぜなのでしょう... ( Read more )
  3. font-size:..
    2018/July/15/04:27 Sun   Comment(0)
    CSS検証サービスで CSSのエラーに font-size:... ( Read more )
2018/July/

2018年07月11日

AMPカスタムタグ利用の注意点

前記事にて
AMPカスタムタグを使うと言うのを
ご紹介したのですが、

このカスタムタグを利用してみて
いくつかの注意点を書きとめて
おきますね。

492717.jpg


AMP JSライブラリは</head>の
直前に記述する。

amp-iframeやamp-gistなどの
コンポーネントに必要な
JSライブラリは単体では使えません。

v0.js(amp-imgタグに使うJS)
とセットで動作します。




amp-imgタグは閉じる事。

<img src=""> は閉じませんが、
<amp-img src=""> は </amp-img>と
閉じタグで閉じる事です。

amp-imgタグで表示した画像は
RSSフィードで表示されません。

RSSフィードで画像を取得する
ブログパーツを利用している場合
画像が表示されなくなります。

amp-iframeタグで
リンクをtarget=_blankにするには
sandbox="allow-popups" を指定します。


GitHub GistをCSSで装飾して
表示している場合、

amp-gistタグでは
装飾が有効になりません。





上記の事から、
カスタムタグと
標準のタグを
うまく使い分ける事
必要なようです。







貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました







posted by four4to6 at 03:24 | Comment(0) | このブログの事 Performance up