AMP für E-Mail: Unterstützte Komponenten
Die folgende Liste enthält die AMP Komponenten, die derzeit in AMP E-Mail Nachrichten unterstützt werden. Die Komponenten sind in folgende Kategorien unterteilt:
Dynamischer Inhalt
| Element | Beschreibung |
|---|---|
<amp-form> | Formularelement. Das Attribut "action-xhr" muss anstelle des regulären Attributs "action" verwendet werden. Kann in Verbindung mit <template type="amp-mustache"> verwendet werden, um eine Antwort zu rendern. Hinweis: Weiterleitung nach der Übermittlung ist nicht zulässig. |
<amp-selector> | Ein Mehrfachauswahlwidget zur Verwendung in einem Formular. |
amp-bind und <amp-bind-macro> | Einfache Skriptsprache in AMP, die die Manipulation einer Zustandsmaschine für Interaktionen zwischen Elementen ermöglicht. Kann auch verwendet werden, um Verhalten zu bestimmten Ereignissen hinzuzufügen. Hinweis: Darf nicht mit [href] oder [src] verbunden werden. Es ist auch nicht zulässig, die Aktionen AMP.print, AMP.navigateTo und AMP.goBack zu verwenden. |
<amp-state> | <amp-state> wird verwendet, um den Anfangszustand zu definieren, der von amp-bind verwendet wird.Hinweis: Das Attribut src wird derzeit nicht unterstützt. |
<amp-list> | Ruft per Remotezugriff JSON Daten ab, die von <amp-mustache> gerendert werden.Hinweis: Bindung an das Attribut [src] ist nicht zulässig. Auch das Aufnehmen von Benutzeranmeldedaten mit credentials="include" ist nicht zulässig. |
<template type="amp-mustache"> | Ein Mustache Template Markup zum Rendern der Ergebnisse eines amp-list Aufrufs. |
Layout
| Element | Beschreibung |
|---|---|
| Layoutattribute | Das Layoutverhalten wird durch das Attribut "layout" bestimmt. |
<amp-accordion> | Ein UI Element, das das Einblenden/Ausblenden verschiedener Abschnitte erleichtert. |
<amp-carousel> | Die UI Komponente Karussell. |
<amp-fit-text> | Eine Hilfskomponente zum Anpassen von Text in einem bestimmten Bereich. |
<amp-layout> | Ein Container, der responsive Layouts haben kann, die auf dem Seitenverhältnis basieren. |
<amp-sidebar> | Eine Seitenleiste für Navigationszwecke. |
<amp-timeago> | Bietet eine bequeme Möglichkeit, um Zeitstempel zu rendern. |
Medien
| Element | Beschreibung |
|---|---|
<amp-img> | Eine AMP Komponente, die <img> ersetzt.Hinweis: Bindung an [src] ist nicht zulässig. |
<amp-anim> | Bettet GIF Dateien ein. Hinweis: Bindung an [src] ist nicht zulässig. |