Come aggiungere una Favicon al tuo sito

Una favicon è un’immagine grafica (icona) associata a una particolare pagina Web e / o sito Web. Molti agenti utente recenti (come browser grafici e lettori di notizie) li visualizzano come promemoria visivo dell’identità del sito Web nella barra degli indirizzi o nelle schede. La wikipedia include unarticolo sufavicons .,

Per aggiungere una favicon al tuo sito Web, avrai bisogno sia di un’immagine che di un ametodo per specificare che l’immagine deve essere utilizzata come favicon. Thisdocument spiega il metodo preferito da W3C per specificare thefavicon. C’è un altro metodo comune che è illustrato di seguito,con una spiegazione del perché quel metodo è incoerente con someprincipi di architettura Web. Entrambi i metodi si applicano solo a HTML exhtml, una delle limitazioni discussedbelow.

Questo documento non discute in dettaglio come creare una faviconimage., Tuttavia, il formato per l’immagine che hai scelto deve essere 16x16pixel o 32×32 pixel, utilizzando colori a 8 o 24 bit. Il formato dell’immagine deve essere PNG (standard aW3C), GIF o ICO.

Metodo 1 (Preferred): Uso di un attributo rel valuedefined in un profilo

Il primo approccio per specificare una favicon è quello di utilizzare ilrelvalore attributo “icon” e per definire cosa significa il valore tramite un profilo; i profili sono discussi in modo più detailbelow. In questo HTML 4.,01 esempio, la favicon identificato tramite l’URI come una favicon:

XHTML 1.0 versione molto simile:

il Metodo 2 (Sconsigliato): Mettere la favicon predefinite URI

Un secondo metodo per la definizione di una favicon si basa sull’utilizzo di apredefined URI per identificare l’immagine: “/favicon”, che è relativo alla root del server. Questo metodo funziona perché alcuni browser sono statiprogrammati per cercare favicon usando quell’URI., Questo approccio è coerente con alcuni principi dell’architettura Web e viene discusso dal Technical Architecture Group(TAG) del W3C come loro problema siteData-36.To riassumere il problema: L’architettura Web autorizza i gestori del sitoper gestire il loro spazio URI (per un determinato nome di dominio) come seefit. Le convenzioni che non rappresentano un accordo comunitario e che riducono le opzioni disponibili per un gestore del sito non sono scalabili e possono portare a conflitti (poiché non esiste un elenco ben noto di questi URI definiti)., Una considerazione pratica illustra il problema: molti utenti hanno siti Web anche se non hanno il loro nome owndomain. Questi utenti non possono specificare favicon utilizzando il secondmethod se non possono scrivere nella radice del server. Tuttavia, possono usemethod one per specificare una favicon poiché è più flessibile e non costringe il gestore del sito a utilizzare una singola favicon in un singolo posto sul sito.

Ci sono alcune altre invasioni ben note sullo spazio URI, inclusi i ” robot.txt ” e la posizione di un P3P privacypolicy., Il gruppo di architettura tecnica sta esplorando alternativeche non interferiscono con lo spazio URI senza licenza.

Uso dei profili per definire termini come “icona”

In parole povere, un profilo è una definizione di set ofterms. Idealmente, un profilo include sia informazioni leggibili dalla macchina che informazioni leggibili dall’uomo. In HTML 4.01 e XHTML 1.0, alcuni attributi comerel non hanno un set predefinito di valori. Invece, l’autore può fornire valori in base alle necessità, equindi utilizzare un profilo per spiegare cosa significano i valori., Nel nostro caso, wehave consiglia che gli autori utilizzano il valore “icona” e un profilo thatexplains che “quando diciamo icona, intendiamo” questa è una favicon.””

Nel metodo 1 sopra, usiamo l’attributorel con theLINKelement e scegliamo un profilo con l’attributoprofile sull’elemento HEAD.

Abbiamo definito un profilo che puoi utilizzare liberamente per i tuoi siti.,

Limitazioni

Ci sono diverse limitazioni per i metodi sopra descritti,tra cui il metodo preferito (che è il motivo per il TAG continua a workon la domanda):

• Gli approcci che funzionano solo in HTML o XHTML
• L’approccio preferito associa una favicon con un documento HTML,non una raccolta di documenti (per es., un sito)
• Il profilo proposto per definire la “icona” valore non è arecognized standard, il che significa che ci potrebbe essere l’interoperabilità issuesin pratica.
• Non esiste uno standard (almeno definito da HTML 4.,01) per profili leggibili dalla macchina che permetterebbero a un browser di sapere “questo significa che un’immagine è una favicon.”Quindi, abrowser deve essere programmato in anticipo per riconoscere questo particolarevalore di rel. Per ulteriori informazioni sull’uso dei profiliin HTML e XHTML, vedere GRDDL.

FAVICON-WIKIPEDIA Favicon, Wikipedia, Disponibile su http://en.wikipedia.org/wiki/Favicon. GRDDL Gleaning Resource Descriptions from Dialects of Languages, D. Hazaël-Massieux, D. Connolly, Editors, W3C Team Submission, 16 May 2005, http://www.w3.org/TeamSubmission/2005/SUBM-grddl-20050516/., Latest version available at http://www.w3.org/TeamSubmission/grddl/ . HTML401 HTML 4.01 Specification, D. Raggett, A. Le Hors, I. Jacobs, Editors, W3C Recommendation, 24 December 1999, http://www.w3.org/TR/1999/REC-html401-19991224 . Latest version available at http://www.w3.org/TR/html401 . SITEDATA-36 Web site metadata improving on robots.txt, w3c/p3p and favicon etc., TAG, Available at http://www.w3.org/2001/tag/issues.html#siteData-36 . XHTML1 XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition), S. Pemberton, Editor, W3C Recommendation, 1 August 2002, http://www.w3.org/TR/2002/REC-xhtml1-20020801 ., Ultima versione disponibile su http://www.w3.org/TR/xhtml1.

Ringraziamenti

I seguenti partecipanti al gruppo di interesse QA e il personale del W3C hanno contribuito in modo significativo al contenuto di questo documento:Dominique Hazaël-Massieux (W3C), Chris Lilley (W3C), andOlivier Théreaux (W3C).

---