Bilder in AMP Seiten einfügen

Die meisten HTML-Tags können direkt in einem AMP HTML-Dokument genutzt werden, bei einigen sind aber Modifizierungen erforderlich.

Der Typische Code zum Einfügen eines Bildes sieht so aus:

<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800"></amp-img>

Wenn man auf diesem Weg ein Bild einfügt ist die Seite allerdings zunächst nicht responsiv.

Um die Grafik in einer responsiven Webseite anzuzeigen, muss man den Code noch etwas ergänzen:

<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800" layout="responsive"></amp-img>

Eine umfassende Liste der erlaubten, modifizierten und verbotenen HTML-Tags findet man hier.

Die Seiten:

Validierungslink

Dieser Link fügt der aktuellen URL einen Link zu Validierung der AMP-HTML-Seite hinzu. Die Validierung funktioniert nur im Chrome Browser.

Validierungslink