Іконка, яка відображається на вкладці браузера, перед назвою сторінки називається favicon (від англ. FAVorite ICON - «значок для обраного»). Ці іконки використовуються в списках обраного в браузері, ви можете побачите їх в результатах пошуку Яндекс і багатьох інших місцях.
Щоб підключити іконку до свого сайту, необхідно розібратися як задати її опис в шаблоні сайту. Існує кілька підтримуваних форматів іконки. Всі браузери підтримують формат ico. Щоб підключити іконку в цьому форматі досить додати в секцію <head> документа такий код:
<Link rel = "icon" type = "image / vnd.microsoft.icon" href = "--path - / favicon.ico">
<! - де - path - етопутькфайлуіконкі favicon. ico НАСА ->
Як відредагувати файли шаблону в сайті на wordpress, в тому числі header.php, що містить секцію head (викладено на прикладі футера), читайте тут .
Чому назва файлу іконки - favicon.ico?
При підключенні, зазначеним вище способом, ви взагалі-то можете задати довільну назву файлу, наприклад, my-icon.ico. А назва favicon пов'язано з історією появи значка.
У 1999 році компанія Microsoft випустила свій браузер Internet Explorer 5. Він вперше став підтримувати значки для сайту. Таким значком вибирався файл з ім'ям favicon.ico, який повинен був бути поміщений в кореневий каталог сайту. Тобто з самого початку не було потрібно навіть описувати в HTML документі його наявність. Іконка повинна була використовуватися при додаванні файлу в «вибране».
Сучасні браузери, при відсутності опису в HTML, спробують перевірити наявність файлу favicon.ico в корені сайту.
Треба зауважити, що файли ICO морально застаріли - їх максимальний дозвіл 32 × 32 точки. Але якщо ви хочете «догодити» будь-кому, навіть самому старезному браузеру, то для створення іконки в форматі ICO вам допоможе сайт favicon.cc. Там ви можете перетворити довільну картинку в файл .ico і / або намалювати і відредагувати іконку в піксельному редакторі.
Інші формати іконки для сайту
Всі сучасні браузери можуть використовувати в якості іконки jpeg, png або gif зображення. Деякі з них (firefox і opera) працюють в тому числі і з анімованими іконками.
Як підключити іконку в іншому форматі. Для цього в секцію head потрібно додати ось такий HTML код (покажу відразу кілька прикладів):
<Head>
<! - прімерподключеніяіконківформате. ico ->
<Link rel = "icon" type = "image / vnd.microsoft.icon" href = "http://www.mydomain.com/myicon.ico" />
<! - прімерподключенія. png ->
<Link rel = "icon" type = "image / png" href = "mypath / icon.png" />
<! - прімерподключенія. gif ->
<Link rel = "icon" type = "image / gif" href = "mypath / favicon.gif" />
<Title> My Title </ title>
</ Head>
Для сумісності з ранніми версіями браузерів, можна залишити код, що включає іконку в форматі .ico. Але деякі з них будуть віддавати перевагу іконку в форматі .ico інших варіантів.
написати коментар Ico?Ico?
