Ich habe an einer Website gearbeitet und möchte der Browser-Registerkarte ein kleines Symbol hinzufügen.
Wie kann ich dies in HTML tun und wo im Code müsste ich es platzieren (z. B. in der Kopfzeile)? Ich habe eine "png"-Logo-Datei, die ich gerne in ein Symbol umwandeln würde.
Verwandt: https://stackoverflow.com/questions/2359866/html-set-image-on-browser-tab.
Verwenden Sie ein Tool, um Ihr png in eine ico-Datei zu konvertieren. Sie können nach "Favicon-Generator" suchen und Sie können viele Online-Tools finden.
Platzieren Sie die ico-Adresse in den "Kopf" mit einem "Link"-Tag:
<link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">
Ich habe dies erfolgreich für meine Website getan.
Die einzige Ausnahme ist, dass der SeaMonkey-Browser einen HTML-Code benötigt, der in den "head" eingefügt wird, während die anderen Browser das favicon.ico auch ohne HTML-Eingabe anzeigen. Außerdem kann jeder andere Browser als der IE auch andere Arten von Bildern verwenden, nicht nur das .ico-Format. Ich hoffe, das hilft.
Damit Chrome das Seitensymbol (Favicon) anzeigt, müssen Sie Ihre Website von einem Hosting-Server aus überprüfen oder Sie können einen lokalen Host verwenden, während Sie Ihre Website auf Ihrem PC entwickeln und testen.