Codice Boilerplate AMP
Important: this documentation is not applicable to your currently selected format email!
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!