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.
Data 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 sie auf dem Bildschirm angezeigt werden. 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 schwebender Form 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 Browser des Betrachters 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. Zum Beispiel, wenn es eine Dekoration gibtE Bild, es ist nicht erforderlich, einen alternativen Text dafür bereitzustellen. Daher kann der Alt -Attributwert leer gelassen werden.
Der Inline -Bildstil kann mit dem Align -Attribut festgelegt werden. Das Align -Attribut gibt 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 im benachbarten Text auf der Webseite ausgerichtet werden.
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 es beispielsweise ein Inline -Bild gibt, das Erde und Saturn zeigt, kann das Klicken auf die Erde zu Informationen über die Erde führen und auf Saturn zu klicken kann zu Informationen über Saturn führen.
Im Gegensatz zu den Alt- und Align -Attributen funktioniert das ISMAP -Attribut nicht durch bloße Einbeziehung in das IMG -Tag. Auf dem Server sind eine Konfiguration erforderlich. Ein gewisses Maß an ProgrammierkenntnisDGE kann auch erforderlich sein.