Bild-Symbol neben der Website-URL

StackOverflow https://stackoverflow.com/questions/120420

  •  02-07-2019
  •  | 
  •  

Frage

Ich möchte Informationen über die Symbole haben, die neben dem Website-URLs auf einem Web-Browser angezeigt werden. Ist das ein Browser-spezifische Funktion? Wo wir das Symbol Quelle angeben, dh es ist in einem gewissen Tag auf der Webseite selbst?

War es hilfreich?

Lösung

Diese Symbole werden als favicons

Die meisten Web-Browser unterstützen http://mysite.com/favicon.ico aber die richtige Art und Weise zu sie ist ein Symbol Meta-Tag im Kopfprofil aufzunehmen. 

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>

Quelle aus dem W3C selbst.

Ihre beste Wette ist, um wahrscheinlich mit dem gleichen Symbol Bild beides zu tun.

Andere Tipps

Ich glaube, Sie beziehen sich auf die Favicon , die eine Website ermöglicht eine 16x16 angeben (oder größer) Bild, das in der Adressleiste angezeigt wird neben der URL in den meisten modernen Browsern.

Einige Browser wählen Sie einfach die Datei mit dem Namen favicon.ico, die in der Wurzel Ihres Web-Ordners ist, während andere es erfordern in der <head> des HTML angegeben werden, um den folgenden Code verwenden, 

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

Dies war ursprünglich so, wie es mit IE getan wurde, aber das entspricht nicht der Norm (wegen des Raumes, in dem rel), so dass die meisten Browser, die Sie jetzt tun lassen es wie folgt, in dem Sie eine beliebige Standardbild verwenden können Format, nicht nur .ico 

<link rel="icon" href="favicon.png" type="image/png" />

Dies sind favicons -. Weitere Informationen auf dieser Seite

Im Grunde ICO-Dateien im Stammverzeichnis auf dem Webserver.

Ich will nur hinzufügen, dass einige Websites eine animierte Gif als Favicon verwenden. Die als über kühl oder höchst ärgerlich gesehen werden kann, je nach Ihrem Geschmack ... Und wahrscheinlich nicht von allen Browsern unterstützt.

Der einfachste Weg, um die Informationen zu bekommen, ist durch diesen einfachen Web-App

Link-Text

Sie nur die URL der Seite eingeben müssen und es gibt alle Bildeigenschaften

Sie sind favicons . Browser sehen / auf einem Server für favicon.ico

Dies wird Favicon genannt können Sie auf diesem Tutorial sehen in asp.net Anwendung LINK

Es war ursprünglich eine Windows-Symbol-Format-Datei unter der URL http: //site/favicon.ico . Die meisten Websites noch favicon.ico verwenden, und viele Browser sehen immer noch dort automatisch, unabhängig von den Meta-Tags.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top