הבעיה העיקרית הקשורה לתג HTML favicon היא שהוא אינו נתמך על ידי כל הדפדפנים. לדוגמה, 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. התכונה "סוג" מציינת את סוג המדיה המשויך למשאב המקושר, שהוא סוג תמונה/אייקון 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"
לדוגמה:
...
...