Як підключити favicon

Підключити кросбраузерності і за міжнародними стандартами favicon.

Favicon (скорочено від FAVorites ICON - іконка для обраного) - значок веб сайту, картинка, яка допомагає краще ідентифікувати сайт. Відображається браузером:

Основний формат для favicon - ICO. Такий формат зрозуміють всі сучасні браузери. Новіші і "просунуті" сприймають формати GIF (включаючи анімовані GIF), PNG. JPEG and APNG.

Розміщення favicon

Раніше можна було favicon.ico розмістити тільки в корені сайту. При цьому не обязтельно було підключати favicon в HTML коді, браузер сам знаходив значок. Зараз же favicon можна розташувати де завгодно в файлової архітекутре, вказавши до нього шлях.

Використання резервування розташування на веб сайтах протеворечіт архітектурі WWW. сайт позбавляється гнучкості.

підключення favicon

Підключення проводиться в секції head. за допомогою тега .

Приклади підключення favicon різних форматів

В HTML потрібно вказувати повний шлях до файлу favicon, в XHML можна використовувати відносний.

Можливий ще такий варіант підключення, призначений спочатку для IE:

Хоч даний спосіб розуміють багато браузери, його застосовувати не рекомендується, тому що суперечить міжнародним стандартам.

Багато хто використовує подвійне підключення favicon двома способами, щоб напевно у всіх браузерах відобразився:

Даний фрагмент хоч і не рекомендований, але поки проходить валідацію.

Схожі статті