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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.