AMP

AMP Boilerplate Code

Important: this documentation is not applicable to your currently selected format email!

head > style[amp-boilerplate] und noscript > style[amp-boilerplate]

AMP HTML Dokumente müssen das folgende Boilerplate in ihrem head Tag enthalten. Die Validierung erfolgt derzeit mit regulären Ausdrücken. Darum ist es wichtig, Mutationen so gering wie möglich zu halten. Derzeit sind folgende Mutationen zulässig:

  1. Einfügen eines beliebigen Leerzeichens direkt nach dem Öffnen des style Tags und direkt vor dem Schließen
  2. Ersetzen eines beliebigen Leerzeichens im folgenden Snippet durch ein arbiträres Leerzeichen.
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

Mit dem Boilerplate Generator kannst du schnell ein Grundgerüst für deine AMP Seite anlegen. Dieser bietet auch Snippets für strukturierte Daten, um unter anderem eine PWA zu erstellen!