Το κύριο πρόβλημα που σχετίζεται με την ετικέτα favicon HTML είναι ότι δεν υποστηρίζεται από όλα τα προγράμματα περιήγησης. Για παράδειγμα, ο Internet Explorer δεν υποστηρίζει την ετικέτα favicon, επομένως εάν ένας ιστότοπος χρησιμοποιεί αυτήν την ετικέτα, οι χρήστες του IE δεν θα μπορούν να δουν το εικονίδιο. Επιπλέον, ορισμένα προγράμματα περιήγησης ενδέχεται να απαιτούν πρόσθετο κώδικα προκειμένου το favicon να εμφανίζεται σωστά. Αυτό μπορεί να προκαλέσει σύγχυση και απογοήτευση στους χρήστες που αναμένουν να δουν ένα αναγνωρίσιμο εικονίδιο όταν επισκέπτονται έναν ιστότοπο.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Αυτή η γραμμή κώδικα δημιουργεί ένα στοιχείο σύνδεσης προς έναν εξωτερικό πόρο, σε αυτήν την περίπτωση ένα αρχείο που ονομάζεται "favicon.ico".
2. Το χαρακτηριστικό "rel" καθορίζει τη σχέση μεταξύ του τρέχοντος εγγράφου και του συνδεδεμένου πόρου, σε αυτήν την περίπτωση ένα "εικονίδιο συντόμευσης".
3. Το χαρακτηριστικό "href" καθορίζει τη θέση του συνδεδεμένου πόρου, που είναι ένα αρχείο που ονομάζεται "favicon.ico".
4. Το χαρακτηριστικό "type" καθορίζει τον τύπο του μέσου που σχετίζεται με τον συνδεδεμένο πόρο, ο οποίος είναι τύπος εικόνας/εικονιδίου x.
Ετικέτα Favicon
Η ετικέτα favicon είναι ένα στοιχείο HTML που χρησιμοποιείται για τον καθορισμό ενός μικρού εικονιδίου που αντιπροσωπεύει έναν ιστότοπο. Συνήθως εμφανίζεται στη γραμμή διευθύνσεων του προγράμματος περιήγησης, δίπλα στον τίτλο της σελίδας και στη λίστα σελιδοδεικτών. Η ετικέτα favicon θα πρέπει να τοποθετηθεί μέσα στην ενότητα ενός εγγράφου HTML. Η ετικέτα favicon έχει δύο χαρακτηριστικά: href και type. Το χαρακτηριστικό href καθορίζει τη θέση του αρχείου εικονιδίων, ενώ το χαρακτηριστικό type καθορίζει τον τύπο MIME του.
Πώς να βάλετε το favicon σε HTML
Για να προσθέσετε ένα favicon σε μια σελίδα HTML, πρέπει να χρησιμοποιήσετε το ετικέτα. ο Η ετικέτα θα πρέπει να τοποθετηθεί στην ενότητα του εγγράφου HTML και θα πρέπει να περιλαμβάνει τα ακόλουθα χαρακτηριστικά:
• rel=”εικονίδιο συντόμευσης”
• type=”image/x-icon”
• href="path/to/favicon.ico"
Για παράδειγμα:
...
...
