it-swarm.com.de

Wie erhalte ich den Seitentitel mit einem Symbol?

Ich möchte, dass das Logo meiner Website im Symbolbereich des Titels angezeigt wird und nicht im Standarddokument. Genau so, wie es der Stack Overflow hat.

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

fügen Sie dies Ihrem HTML-Kopf hinzu. Natürlich muss die Datei "favicon.ico" vorhanden sein.

77
Nick

dies ist eine interessante Frage, also lassen Sie es prüfen. Wenn Sie ein Bild zur Verwendung als Website-Symbol haben, dann 

Fügen Sie dies Ihrem Skript hinzu 

   <link rel="icon" type="image/gif" href="animated_favicon1.gif" />

andernfalls, wenn Sie ein Symbol für Ihr Website-Symbol haben, wählen Sie 

 <link rel="shortcut icon" href="favicon.ico" />

Ich verwende immer http://www.iconspedia.com/ für weitere Symbole 

wenn meine Antwort Ihr Problem gelöst hat, geben Sie mir Ihre Stimme ok

17
anirudha

Sie werden Favicons genannt und sind recht einfach zu erstellen/zu verwenden. Lesen Sie http://www.favicon.com/ , um Hilfe zu erhalten.

7
Paul McLean

Anscheinend kannst du diesen Trick verwenden. 

<title>???? My title</title>

Dieses Symbol ist eigentlich ein Text.

6
devXen

Laut w3school :

<link rel="icon" href="your_icon"/>
1
Gavin Lee

Bei Verwendung in Ruby Rails verwenden Sie den folgenden Code.

Um den Pfad der Datei zu berechnen, wird die Funktion asset_path verwendet, um das Bild zu finden, das wir im in <%= code %> eingebetteten Rails-Code verwenden.

<link rel="icon" type="image/png" href="<%= asset_path('icon_name.jpg')%>">

Dieser Code wird auf jeden Fall funktionieren. In einem Kommentar, den ich gesehen habe, verwenden sie EJS-Syntax, die nicht nur für jeden geeignet ist, der mit express.js arbeitet

<link rel="icon" href="demo_icon.gif" sizes="16x16">
<title> Reddit</title>

sie können auch PNG und JPG hinzufügen

sebscribe my youtube playlist um Webdesign, Entwicklung, Vektorgrafiken, Fotomanipulation zu lernen Ich werde Ihnen so schnell wie möglich helfen, wenn Sie Probleme mit dieser Technologie haben Vielen Dank

0
MD SHAYON

Die akzeptierte Antwort funktioniert einwandfrei. Ich möchte nur ein kleines Problem mit der Antwort erwähnen, die devXen gegeben hat .

Wenn Sie das Symbol so einstellen:

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

Das Symbol funktioniert wie erwartet:

 enter image description here 

Wenn Sie es jedoch wie folgt setzen: devXen hat vorgeschlagen:

<title>???? Amir A. Shabani</title>

Der Titel der Seite verschiebt sich beim Aktualisieren:

 enter image description here 

Also würde ich empfehlen, stattdessen <link> zu verwenden.

0
AmirAShabani