Skip to main content

Was ist ein Inline -Bild?

Ein Inline -Bild ist ein grafisches Bild, das in eine Webseite eingefügt wird, um visuelle Anziehungskraft hinzuzufügen, Informationen bereitzustellen oder einen Hyperlink darzustellen.Inline -Bilder befinden sich normalerweise in GIF-, JPEG- oder PNG -Formaten.Sie werden mit dem Data URI -Schema in eine Webseite aufgenommen.

Daten URIs ermöglichen das Einbetten kleiner Daten, die vom Browser sofort abgerufen werden können.Inline -Bilder werden vom Browser zusammen mit dem HTML abgerufen und als Teil des Webdokuments angezeigt.Damit der Browser die Bilder ohne zu viel Zeit und Probleme abrufen und anzeigen kann, ist es ratsam, kleine Inline-Bilder zu verwenden.

Größere Bilder würden die Ladezeit verlangsamen und die Site lange dauert, bis die Site auf dem Bildschirm angezeigt wird.Die meisten Webbesucher haben nicht die Geduld, um zu hängen, um zu sehen, dass dies geschieht.Dies würde sich nachteilig auf den Standortverkehr auswirken.Die Verwendung von Inline -Bildern aus externen Quellen ist eine Frage der Auseinandersetzung, da dies ohne Erlaubnis erfolgen kann.Mit dem IMG -Tag werden Inline -Bilder in Absätze und Überschriften auf der Webseite eingefügt.Das IMG-Tag kann nicht in frei fließendem Formular verwendet werden.Es muss in ein anderes Element eingeschlossen sein.

Das erforderliche Attribut des IMG -Tags ist das SRC -Attribut.Das SRC -Attribut gibt die Webadresse oder URL an, aus der der Browser die Bilddatei abrufen kann.Neben dem SRC -Attribut können HTML -Inline -Bilder durch drei optionale Attribute definiert werden.Dies sind Alt, Ausrichtung und ISMAP.

Das ALT -Attribut bietet eine Inline -Bildtextalternative.Falls der Zuschauerbrowser keine Grafiken unterstützt, sieht der Betrachter den Text anstelle des Bildes.Die Verwendung des ALT -Attributs wird dringend empfohlen.

Der Alt -Attributwert kann eine leere Zeichenfolge sein.Wenn es beispielsweise ein dekoratives Bild gibt, ist es nicht erforderlich, alternativen Text dafür zu liefern.Daher kann der Alt -Attributwert leer gelassen werden.

Der Inline -Bildstil kann mit dem Attribut aus Align festgelegt werden.Das Align -Attribut teilt dem Browser mit, in dem das Inline -Bild in Bezug auf den Text auf der Webseite angezeigt werden muss.Das Inline -Bild kann mit der oberen, mittleren oder unteren unten im benachbarten Text auf der Webseite ausgerichteten Ausrichtung

Mit dem ISMAP -Attribut kann ein Inline -Bild als aktive Bildkarte gekennzeichnet werden.Dies bedeutet, dass verschiedene Teile des Bildes durchgeführt werden können, um unterschiedliche Aktionen zu erzeugen, wenn jemand auf die verschiedenen Teile klickt.Wenn beispielsweise ein Inline -Bild mit Erde und Saturn vorhanden ist, kann das Klicken auf die Erde zu Informationen über die Erde führen und auf Saturn klicken.bloße Aufnahme in das IMG -Tag.Auf dem Server sind eine Konfiguration erforderlich.Möglicherweise kann auch ein gewisses Programmierkenntnis erforderlich sein.