Aiuto nella programmazione, risposte alle domande / Javascript / Il mio codice favicon non funziona ... Ho fatto il codice come indicato in una guida: javascript, html, github, github-pages, favicon

Il mio codice favicon non funziona ... Ho fatto il codice come detto in una guida: javascript, html, github, github-pages, favicon

Quindi sto costruendo un sito Web per il mio amico usando l'hosting Github e voglio che abbia una favicon. Ho implementato questo codice:

<!--Favicon-->
<!-- Opera Speed Dial Favicon -->
<link rel="icon" type="image/png" href="favicon.png" />

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

<!-- For iPhone 4 Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon.png">

<!-- For iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon.png">

<!-- For iPhone: -->
<link rel="apple-touch-icon-precomposed" href="favicon.png">

ma ogni volta che apro la pagina, non c'è nessuna favicon. Ho preso il codice da questa guida Qui, ma ahimè, non funziona ... Se qualcuno potesse aiutarmi, sarebbe molto apprezzato ... La versione delle pagine github può essere trovata Qui.

risposte:

1 per risposta № 1

Hai messo il <link> tag per la favicon all'interno di <body> tag, ma deve essere nel <head>

1 per risposta № 2

Ho effettuato l'accesso al sito Web da Firefox efavicon è apparso correttamente. Quando ho effettuato l'accesso in Chrome, si è verificato un errore durante il tentativo di aprire il file "/favicon.ico". Questo perché alcuni browser ignorano l'URL all'interno del tag href e cercano solo un file chiamato "/favicon.ico" nella directory principale. Quindi, per risolvere il tuo problema basta creare un file chiamato "favicon.ico" nella directory principale, sostituire l'URL nel tag link e tutti i browser riconosceranno la favicon. Come questo: