Auf dieser Seite finden Sie drei verschiedene Möglichkeiten, ein Favicon auf Ihrer Webseite einzubinden. Der Grund, warum es verschiedene Möglichkeiten gibt, ist die unterschiedliche Funktionsweise der Webbrowser (z.B. Firefox, Internet Explorer, usw.).
Diese Variante ist der offizielle HTML-Standard des W3C. Es ist möglich, verschiedene Grafik-Formate (.ico, .png, .gif, .jpg, .svg) zu verwenden. Man muss den entsprechenden MIME-Type und die Adresse der Grafik angeben. Die verschiedenen Mime-Typen sind unten aufgelistet.
<link rel="icon" type="image/png" href="icon.png" />Für den Internet Explorer muss jedoch eine andere Variante verwendet werden. Da die folgende Art der Einbindung mit den meisten Browsern kompatibel ist, empfiehlt es sich, diese zu nutzen.
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="icon.ico" />Bei dieser Variante ist kein HTML-Code nötig, da der Browser automatisch die "favicon.ico"-Datei im Stammverzeichnis sucht, jedoch können keine anderen Formate als das ico-Format verwendet werden. Da nicht alle Browser diese Technik unterstützen ist es ratsam, einen der oberen HTML-Codes in den Quelltext einzufügen. Das Stammverzeichnis auch Hauptverzeichnis, Basisverzeichnis oder "root" genannt ist die oberste Ebene der Domain. Für diese Webseite lautet die Adresse http://www.favicons.at/favicon.ico.