2010-06-23 8 views
37

Je veux avoir une image sur le titre dans une page HTML (c'est-à-dire sur l'onglet avec le titre). Comment puis je faire ça?HTML Titre Image

Merci d'avoir lu.

+1

Vous voulez dire comme ça ?: http://en.wikipedia.org/wiki/Favicon – David

+0

mieux way [STI] (http://hints.steptoinstall.com/simply-add-favicon-image-to-title-bar-website.html) – KarSho

+0

Possible duplication de [Ajout d'une favicon à une page HTML statique] (http: // stackoverflow.com/questions/9943771/add-a-favicon-to-a-static-html-page) – TylerH

Répondre

42

Ce dont vous avez besoin est un fichier favicon.ico. il suffit de mettre à la racine de votre site et un lien vers l'en-tête de votre page

<head> 
    <title>My Site</title> 
    <link rel="shortcut icon" href="favicon.ico" /> 
</head> 

Vous devriez le mettre à la racine de votre site et nommez-Favicon.ico parce que certains navigateurs cherchent encore si vous ne le liez pas sur vos pages.

4

S'il vous plaît ajouter une ligne similaire à l'intérieur de la tête-éléments:

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

Ico fichiers fonctionnent le mieux parmi les vieux navigateur, mais bien sûr, vous pouvez utiliser des fichiers PNG et JPEG, aussi.

3

Vous souhaitez définir un favicon. Voici la balise pour le faire:

<link rel="SHORTCUT ICON" href="favicon.ico" /> 

Ajouter cette balise à votre <head /> et ordonnera-navigateurs du site pour télécharger l'image référencée dans le href.

17

pour la compatibilité du navigateur croix, semble nécessaire pour deux lignes pour favicon:

TITRE

<title>PAGE TITLE HERE</title> 

FAVICON

<link rel="SHORTCUT ICON" href="http://domain and path/favicon.ico" /> 
<link rel="icon" href="http://domain and path/favicon.ico" type="image/ico" /> 

GÉNÉRATEUR favicon:

DYNAMIC DRIVE

+0

Ce générateur de favicon ne semble plus exister –

1

Je viens de découvrir l'icône que je voulais en ligne, faites un clic droit et sélectionnez « Copier l'URL de l'image »

<head> 
<title>(title)</title> 
<link rel="shortcut icon" href="(image URL)"/> 
<head> 
+4

L'utilisateur se demandait comment pour définir un favicon, pas comment trouver l'URL de l'image d'une image particulière. – eggy

Questions connexes