Hoe Pictogrammen Op De Site Te Plaatsen

Inhoudsopgave:

Hoe Pictogrammen Op De Site Te Plaatsen
Hoe Pictogrammen Op De Site Te Plaatsen

Video: Hoe Pictogrammen Op De Site Te Plaatsen

Video: Hoe Pictogrammen Op De Site Te Plaatsen
Video: How To Add Icons on HTML Website | Add Font Awesome Icons on website 2024, Mei
Anonim

Het pictogram dat wordt weergegeven in de adresbalk van de browser, evenals in de lijst met favoriete sites en zelfs in de zoeklijst met sites in Yandex, is een zeer nuttige toevoeging aan andere manieren om de aandacht op uw site te vestigen. Hieronder wordt beschreven hoe u deze mogelijkheid kunt implementeren.

FavIcon
FavIcon

instructies:

Stap 1

Dit pictogram wordt meestal "Favicon" (Favoriete pictogram) genoemd en is een afbeelding van 16 bij 16 pixels. Sommige moderne browsers kunnen ook grote pictogrammen weergeven, maar als cross-browser compatibiliteit belangrijk voor je is, moet je je laten leiden door deze minimumstandaard. Je kunt zo'n afbeelding zelf maken in elke grafische editor. Moderne browsers kunnen iconen zowel in hun eigen ico-formaat als in standaard grafische formaten gif, png, bmp, enz. lezen. Als u echter het maximale aantal browseraanpassingen wilt dekken, moet u zich concentreren op het ico-formaat. Het is mogelijk om de afbeelding die je nodig hebt in de editor te tekenen, op te slaan in een van de standaardformaten en deze vervolgens te converteren naar ico-formaat met behulp van een van de online services. Sommige van deze diensten kunnen volledig online een favicon aanbieden en creëren.

Stap 2

Wanneer het pictogram is gemaakt, moet het worden geüpload naar uw websiteserver onder de naam favicon.ico. Sommige browsers vereisen niet dat het pictogram op die manier wordt genoemd, maar nogmaals, rekening houdend met de maximale compatibiliteit tussen verschillende browsers, moet u zich concentreren op de strengste vereisten. De downloadprocedure zelf is het gemakkelijkst uit te voeren via de bestandsbeheerder, die deel uitmaakt van elk contentbeheersysteem of administratiepaneel van uw hostingprovider. Het is het beste om het bestand in de hoofdmap van de site te plaatsen - dit is waar browsers en zoekrobots er standaard naar zoeken, als er geen expliciet adres in de paginacode staat.

Stap 3

Ten slotte moet u een aanduiding van het pictogram toevoegen aan de bron-html-code van de sitepagina's. De corresponderende tag voor Internet Explorer ziet er als volgt uit: Andere browsers begrijpen de verschillende betekenis van het "rel" attribuut: Om iedereen tevreden te stellen, is het beter om beide te specificeren. Als je het pictogrambestand niet in de hoofdmap van de site hebt geplaatst, maar ergens anders, dan moet je in het "href"-attribuut het volledige pad naar het pictogram specificeren. Deze twee regels moeten tussen de en tags worden geplaatst. Dat wil zeggen, u moet de gewenste pagina openen in de pagina-editor van het besturingssysteem, deze overschakelen naar de html-code-bewerkingsmodus, de regel met de tag zoeken en de twee regels ervoor toevoegen. Sla vervolgens uw wijzigingen op de pagina op.

Aanbevolen: