Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

El código reutilizable en AMP

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

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

Los documentos AMP HTML deben incluir el siguiente código reutilizable en su etiqueta head. Actualmente, la validación se lleva a cabo con expresiones regulares, de modo que es importante mantener el menor número de mutaciones como sea posible. Actualmente, las mutaciones permitidas son:

  1. Insertar espacios en blanco de forma arbitraria inmediatamente después de que se abra la etiqueta style y justo antes de que se cierre.
  2. Reemplazar cualquier espacio en el fragmento de abajo con espacios en blanco colocados de manera arbitraria.
<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>

Puede utilizar el generador de código reutilizable para configurar rápidamente una estructura básica para su página de AMP. ¡También proporciona fragmentos del código fuente para datos estructurados, para crear una PWA y muchas cosas más!