Cần thiết để thêm thẻ liên kết cho favicon.ico?

Có trình duyệt hiện đại nào không tự động phát hiện favicon.ico không? Có bất kỳ lý do để thêm thẻ liên kết cho favicon.ico?

<link rel="shortcut icon" href="/favicon.ico">

Tôi đoán là chỉ cần đưa nó vào tài liệu HTML nếu bạn quyết định sử dụng GIF hoặc PNG ...

Để chọn một vị trí hoặc loại tệp khác (ví dụ PNG hoặc SVG ) cho favicon:
Một lý do có thể là bạn muốn có biểu tượng ở một vị trí cụ thể, có thể trong thư mục hình ảnh hoặc một cái gì đó tương tự. Ví dụ:

<link rel="icon" href="_/img/favicon.png">

Vị trí khác biệt này thậm chí có thể là CDN, giống như SO dường như làm với <link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">.

Để tìm hiểu thêm về cách sử dụng các loại tệp khác như PNG, hãy xem câu hỏi này .

Đối với mục đích phá bộ đệm :
Thêm chuỗi truy vấn vào đường dẫn cho mục đích phá bộ đệm:

<link rel="icon" href="/favicon.ico?v=1.1"> 

Favicon được lưu trữ rất nhiều và đây là một cách tuyệt vời để đảm bảo làm mới.

Chú thích về vị trí mặc định:
Theo như câu hỏi đầu tiên: tất cả các trình duyệt hiện đại sẽ phát hiện ra một favicon tại vị trí mặc định, vì vậy đó không phải là lý do để sử dụng linkcho nó.

Lưu ý về rel="icon":
Như được chỉ ra bởi câu trả lời của @ Semanino , sử dụng rel="shortcut icon"là một kỹ thuật cũ được yêu cầu bởi các phiên bản Internet Explorer cũ hơn, nhưng trong hầu hết các trường hợp có thể được thay thế bằng rel="icon"hướng dẫn chính xác hơn . Bài viết @Semanino dựa trên điều này dựa trên các liên kết chính xác đến thông số kỹ thuật phù hợp cho thấy relgiá trị shortcutkhông phải là một tùy chọn hợp lệ.

Xin lưu ý rằng cả đặc tả HTML5 của W3C và WhatWG đều chuẩn hóa

<link rel="icon" href="/favicon.ico">

Lưu ý giá trị của thuộc tính "rel"!

Giá trị shortcut iconcủa relthuộc tính là một phần mở rộng cụ thể của Internet Explorer và không dùng nữa .

Vì vậy, vui lòng xem xét không sử dụng nó nữa và cập nhật các tệp của bạn để chúng tuân thủ tiêu chuẩn và được hiển thị chính xác trong tất cả các trình duyệt.

Bạn cũng có thể muốn xem bài đăng tuyệt vời này: rel = "biểu tượng phím tắt" được coi là có hại

<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" />
<link rel="icon" type="image/png" href="http://example.com/favicon.png" />
<link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />
<link rel="icon" type="image/jpeg" href="http://example.com/favicon.jpeg" />
<link rel="icon" type="image/webp" href="http://example.com/favicon.webp" />

Tất cả phụ thuộc vào định dạng hình ảnh bạn muốn sử dụng!
nếu bạn có một biểu tượng của trang web của bạn, nó sẽ tốt hơn nhiều cho UX!

bản giới thiệu

hiển thị logo trong tab trình duyệt

Chúng tôi có thể thêm cho tất cả các thiết bị có kích thước cụ thể của nền tảng

<link rel="apple-touch-icon" sizes="57x57" href="fav_icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="fav_icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="fav_icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="fav_icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="fav_icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="fav_icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="fav_icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="fav_icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="fav_icons/apple-icon-180x180.png">

<link rel="icon" type="image/png" sizes="192x192"  href="fav_icons/android-icon-192x192.pn">
<link rel="icon" type="image/png" sizes="32x32" href="fav_icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="fav_icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="fav_icons/favicon-16x16.png">

Điểm mấu chốt là không phải tất cả các trình duyệt sẽ thực sự tìm kiếm tệp favicon.ico của bạn . Một số trình duyệt cho phép người dùng chọn có nên tự động xem hay không. Do đó, để đảm bảo rằng nó sẽ luôn xuất hiện và được xem xét, bạn phải xác định nó.