Vấn đề chính liên quan đến thẻ favicon HTML là nó không được hỗ trợ bởi tất cả các trình duyệt. Ví dụ: Internet Explorer không hỗ trợ thẻ favicon, vì vậy nếu một trang web sử dụng thẻ này, người dùng IE sẽ không thể nhìn thấy biểu tượng. Ngoài ra, một số trình duyệt có thể yêu cầu mã bổ sung để favicon hiển thị chính xác. Điều này có thể gây nhầm lẫn và thất vọng cho những người dùng mong muốn nhìn thấy một biểu tượng dễ nhận biết khi họ truy cập một trang web.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Dòng mã này tạo thành phần liên kết đến tài nguyên bên ngoài, trong trường hợp này là tệp có tên “favicon.ico”.
2. Thuộc tính “rel” chỉ định mối quan hệ giữa tài liệu hiện tại và tài nguyên được liên kết, trong trường hợp này là “biểu tượng lối tắt”.
3. Thuộc tính “href” chỉ định vị trí của tài nguyên được liên kết, là tệp có tên “favicon.ico”.
4. Thuộc tính “type” chỉ định loại phương tiện được liên kết với tài nguyên được liên kết, là loại hình ảnh/biểu tượng x.
thẻ yêu thích
Thẻ favicon là một phần tử HTML được sử dụng để chỉ định một biểu tượng nhỏ đại diện cho một trang web. Nó thường được hiển thị trong thanh địa chỉ của trình duyệt, bên cạnh tiêu đề của trang và trong danh sách dấu trang. Thẻ favicon phải được đặt bên trong phần của tài liệu HTML. Thẻ favicon có hai thuộc tính: href và type. Thuộc tính href chỉ định vị trí của tệp biểu tượng, trong khi thuộc tính type chỉ định loại MIME của nó.
Cách đặt favicon trong HTML
Để thêm một favicon vào một trang HTML, bạn cần sử dụng nhãn. Các thẻ phải được đặt trong phần tài liệu HTML của bạn và phải bao gồm các thuộc tính sau:
• rel=”biểu tượng phím tắt”
• gõ=”hình ảnh/biểu tượng x”
• href=”đường dẫn/đến/favicon.ico”
Ví dụ:
...
...
