Cách thêm favtion vào HTML
Bạn có thể sử dụng bất kỳ hình ảnh nào bạn thích làm favicon. Bạn cũng có thể tạo một favicon của riêng mình trên các trang web như https://www.favicon.cc
Một favicon sẽ được hiển thị ở bên trái của tiêu đề trang trong tab trình duyệt, như sau:
Để thêm một favicon vào trang web của bạn, hãy lưu favicon của bạn vào thư mục gốc của máy chủ web hoặc tạo một thư mục trong thư mục gốc được gọi là images và lưu hình favicon của bạn trong thư mục này.
Tên phổ biến cho hình ảnh favicon là "favicon.ico". Tiếp theo, thêm <link> element vào file "index.html" của bạn, sau phần tử <title>, như sau:
<!DOCTYPE html> <html> <head> <title>My Page Title</title> <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> </head> <body> <h1>Tiêu đề</h1> <p>Đoạn văn bản.</p> </body> </html>Bây giờ, hãy lưu tệp "index.html" và tải lại trang trong trình duyệt của bạn. Tab trình duyệt của bạn bây giờ sẽ hiển thị favicon của bạn ở bên trái tiêu đề trang.
Các định dạng Favicon được hỗ trợ
Các định dạng file hỗ trợ ở các trình duyệt phổ biến:
| Trình duyệt | ICON | PNG | GIF | JPEG | SVG |
| Edge | Yes | Yes | Yes | Yes | Yes |
| Chrome | Yes | Yes | Yes | Yes | Yes |
| FireFox | Yes | Yes | Yes | Yes | Yes |
| Opera | Yes | Yes | Yes | Yes | Yes |
| Safari | Yes | Yes | Yes | Yes | Yes |