AMP

Kode Boilerplate AMP

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

Dokumen HTML AMP harus memuat boilerplate berikut ini di dalam tag head-nya. Validasi atau pengesahan saat ini dilakukan dengan ekspresi biasa, jadi penting untuk menjaga mutasi seminimal mungkin. Saat ini, mutasi yang diizinkan adalah:

  1. Memasukkan ruang kosong (whitespace) sesuai keinginan tepat setelah tag style dibuka, dan tepat sebelum ditutup
  2. Menggantikan setiap ruang di snippet di bawah ini dengan ruang kosong sesuai keinginan.
<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>

Anda dapat menggunakan pembuat boilerplate agar dapat dengan cepat menyiapkan kerangka dasar untuk halaman AMP Anda. Ini juga menyediakan snippet untuk data terstruktur, untuk membuat PWA dan masih banyak lagi!