Code du modèle AMP
head > style[amp-boilerplate] et noscript > style[amp-boilerplate]
Les documents HTM AMP doivent contenir le modèle suivant dans leur balise head. La validation est actuellement effectuée avec des expressions régulières, il est donc important de garder les mutations aussi minimes que possible. Actuellement, les mutations autorisées sont:
- Insertion d'espaces arbitraires immédiatement après l'ouverture de la balise
styleet immédiatement avant sa fermeture - Remplacement de tout espace dans l'extrait ci-dessous par un espace arbitraire.
<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>
Vous pouvez utiliser le générateur de modèle pour configurer rapidement un squelette de base pour votre page AMP. Il fournit également des extraits de données structurées, pour créer une PWA et plus encore!