Wie der Browser mit Bildern umgeht

Browser behandeln <img>-Elemente ein wenig anders als andere Elemente. Nehmen wir zum Beispiel ein Element wie <h1> oder <p>. Wenn der Browser in HTML auf diese Tags stößt, muss er sie lediglich anzeigen. Ziemlich einfach. Stößt ein Browser dagegen auf ein <img>-Element, muss er das Bild erst einmal abrufen, bevor er es auf der Seite anzeigen kann

image with no caption

Am einfachsten ist das anhand eines Beispiels zu erklären. Werfen wir einen Blick auf die Elixir-Seite der KopfüBar, in der vier <img>- Elemente vorkommen:

image with no caption

Werfen ...

Get HTML & CSS von Kopf bis Fuß, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.