Codice Boilerplate AMP

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

I documenti AMP HTML devono contenere il seguente boilerplate nel loro tag head. La convalida viene attualmente eseguita con espressioni regolari, quindi è importante ridurre al minimo le variazioni. Attualmente, le variazioni consentite sono:

Inserimento di un numero qualunque di spazi bianchi immediatamente dopo l'apertura del tag style e immediatamente prima della sua chiusura
Sostituzione di qualsiasi spazio nel frammento seguente con un numero qualunque di spazi bianchi.

<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>

Si può utilizzare il generatore boilerplate per definire rapidamente la struttura di base per le pagine AMP. Tale strumento fornisce anche frammenti per dati strutturati, per creare PWA (progressive web app - applicazioni web progressive) e molto altro!