AMP

Format AMP dla poczty e-mail

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

AMP to technologia znana z tworzenia superszybkich stron internetowych na klientów mobilnych. AMP jest zestawem znaczników HTML obsługiwanych przez JavaScript, który w prosty sposób umożliwia tworzenie funkcjonalności z dodatkowym naciskiem na wydajność i bezpieczeństwo. Dostępne są składniki AMP do wszystkiego, od karuzel, przez responsywne elementy formularzy, po pobieranie nowej zawartości ze zdalnych punktów końcowych.

Format AMP dla poczty e-mail zawiera podzbiór składników AMP, które można stosować w wiadomościach e-mail. Odbiorcy wiadomości e-mail AMP mogą wyświetlać składniki AMP i wchodzić w interakcję z nimi bezpośrednio w wiadomości e-mail.

Wymagane znaczniki

Poniższy kod zawiera minimalną ilość znaczników, niezbędnych w prawidłowej wiadomości e-mail AMP:

<!DOCTYPE html>
<html 4email data-css-strict>
  <head>
    <meta charset="utf-8" />
    <style amp4email-boilerplate>
      body {
        visibility: hidden;
      }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    Hello, world.
  </body>
</html>

Wiadomość e-mail AMP musi

  • Zaczynać się od deklaracji <!doctype html>. 🔗
  • Zawierać znacznik najwyższego poziomu <html ⚡4email> (albo <html amp4email>). 🔗
  • Zawierać znaczniki <head> oraz <body> (w HTML są one opcjonalne). 🔗
  • Zawierać znacznik <meta charset="utf-8"> jako pierwszy element podrzędny w sekcji head. 🔗
  • Zawierać znacznik <script async src="https://cdn.ampproject.org/v0.js"></script> w sekcji head. 🔗
  • Zawierać kod standardowy amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) w sekcji head, początkowo ukrywający zawartość do chwili załadowania JS AMP. 🔗

Rozmiar wszystkich znaczników AMPHTML nie może przekraczać 200 000 bajtów.

Struktura i renderowanie

AMP dla poczty e-mail opiera się na standardowym podtypie MIME multipart/alternative, zdefiniowanym w dokumencie RFC 1521, sekcja 7.2.3.

Więcej informacji zawiera artykuł Struktura i renderowanie wiadomości e-mail AMP.

Obsługiwane składniki AMP

Patrz Obsługiwane składniki AMP dla poczty e-mail.

Wymagania dotyczące HTML

Patrz Kod HTML obsługiwany w AMP dla poczty e-mail.

Wymagania dotyczące CSS

Obsługiwane selektory i właściwości

Patrz Kod CSS obsługiwany w AMP dla poczty e-mail.

Określanie CSS w dokumencie AMP

Cały kod CSS w dowolnym dokumencie AMP musi być zawarty w znaczniku <style amp-custom> w nagłówku lub jako atrybuty inline style.

...
<style amp-custom>
  /* any custom styles go here. */
  body {
    background-color: white;
  }
  amp-img {
    border: 5px solid black;
  }
  amp-img.grey-placeholder {
    background-color: grey;
  }
</style>
...
</head>

Uwaga: rozmiar całego znacznika