Wat is een inline -afbeelding?

Een inline -afbeelding is een grafische afbeelding die wordt ingevoegd in een webpagina om visuele aantrekkingskracht toe te voegen, informatie te verstrekken of een hyperlink te vertegenwoordigen. Inline -afbeeldingen bevinden zich meestal in GIF-, JPEG- of PNG -formaten. Ze worden opgenomen in een webpagina met behulp van het data -URI -schema.

Data URI's staan ​​het inbedden van gegevens van kleine grootte die direct door de browser kunnen worden opgehaald. Inline afbeeldingen worden opgehaald door de browser samen met de HTML en weergegeven als onderdeel van het webdocument. Als de browser de afbeeldingen zonder al te veel tijd en problemen kan ophalen en weergeven, is het raadzaam om kleine inline afbeeldingen te gebruiken.

Grotere afbeeldingen zouden de laadtijd vertragen en ervoor zorgen dat de site lang duurt. De meeste webbezoekers hebben niet het geduld om rond te hangen om het te zien gebeuren. Dit zou een negatieve invloed hebben op het siteverkeer.

HTML Inline -afbeeldingen zijn afkomstig van de server van de website waarop ze moeten worden weergegeven, of opgenomen uit andere externe servers.Het gebruik van inline -afbeeldingen uit externe bronnen is een kwestie van discussie, omdat dit zonder toestemming kan worden gedaan. De IMG -tag wordt gebruikt om inline afbeeldingen in paragrafen en koppen in de webpagina in te voegen. De IMG-tag kan niet worden gebruikt in een vrij zwevende vorm. Het moet in een ander element worden ingesloten.

Het vereiste kenmerk van de IMG -tag is het SRC -kenmerk. Het SRC -kenmerk geeft het webadres of URL aan waaruit de browser het afbeeldingsbestand kan ophalen. Afgezien van het SRC -kenmerk, kunnen HTML -inline -afbeeldingen worden gedefinieerd door drie optionele attributen. Dit zijn alt, uitlijning en ismap.

Het ALT -kenmerk biedt een inline beeldtekstalternatief. Dus als de browser van de kijker geen afbeeldingen ondersteunt, ziet de kijker de tekst in plaats van de afbeelding. Het gebruik van het ALT -kenmerk wordt sterk aanbevolen.

De ALT -kenmerkwaarde kan een lege tekenreeks zijn. Als er bijvoorbeeld een decorativ isE Afbeelding, het is niet nodig om er alternatieve tekst voor te bieden. Daarom kan de alt -kenmerkwaarde leeg worden gelaten.

De inline afbeeldingsstijl kan worden ingesteld met het uitlijningskenmerk. Het uitlijningskenmerk vertelt de browser waar de inline -afbeelding moet verschijnen in relatie tot de tekst op de webpagina. De inline afbeelding kan worden uitgelijnd met de bovenste, middelste of onderkant van de aangrenzende tekst op de webpagina.

Met het ISMAP -kenmerk kan een inline -afbeelding worden gemarkeerd als een actieve beeldkaart. Dit betekent dat verschillende delen van de afbeelding kunnen worden gemaakt om verschillende acties te produceren wanneer iemand op de verschillende delen klikt. Als er bijvoorbeeld een inline afbeelding is die de aarde en Saturnus toont, kan klikken op de aarde leiden tot informatie over de aarde en klikken op Saturnus kan leiden tot informatie over Saturnus.

In tegenstelling tot de ALT- en Align -attributen werkt het ISMAP -kenmerk niet door louter opname in de IMG -tag. Het vereist enige configuratie op de server. Een aantal programmering knowleDGE kan ook vereist zijn.

ANDERE TALEN