Cách Thêm Biểu Tượng Yêu Thích

Mục lục:

Cách Thêm Biểu Tượng Yêu Thích
Cách Thêm Biểu Tượng Yêu Thích

Video: Cách Thêm Biểu Tượng Yêu Thích

Video: Cách Thêm Biểu Tượng Yêu Thích
Video: Cách thêm icon vào html/css 2024, Có thể
Anonim

Favicon (Biểu tượng yêu thích) là một biểu tượng hình vuông 16 pixel mà trình duyệt của người truy cập trang web hiển thị trên thanh địa chỉ. Nếu trang được thêm vào mục yêu thích, ảnh cũng sẽ được hiển thị ở đó. Ngoài ra, biểu tượng yêu thích xuất hiện trong danh sách tìm kiếm của các trang web Yandex. Tất cả điều này kết hợp với nhau có thể rất hữu ích để thu hút sự chú ý đến trang web.

Cách thêm biểu tượng yêu thích
Cách thêm biểu tượng yêu thích

Hướng dẫn

Bước 1

Tạo một biểu tượng, liên kết đến sẽ cần được đặt trong các trang của trang web. Bất kỳ trình chỉnh sửa đồ họa nào cũng phù hợp cho việc này. Sử dụng kích thước 16 x 16 pixel - một số trình duyệt có thể xử lý các biểu tượng lớn hơn, nhưng tốt nhất bạn nên tiếp cận càng nhiều người lướt web càng tốt.

Bước 2

Lưu hình ảnh đã chuẩn bị ở định dạng ico. Các trình duyệt hiện đại sẽ có thể hiểu biểu tượng yêu thích trong các tệp có phần mở rộng gif, png, bmp, v.v., nhưng để bao gồm số lượng sửa đổi trình duyệt tối đa, tốt hơn nên sử dụng định dạng biểu tượng gốc của loại này. Nếu trình chỉnh sửa đồ họa của bạn không hỗ trợ định dạng ico, thì bạn có thể lưu nó, chẳng hạn như ở định dạng gif, sau đó chuyển đổi nó sang ico bằng bất kỳ dịch vụ trực tuyến nào. Trên mạng, bạn cũng có thể tìm thấy các dịch vụ cung cấp cho bạn toàn bộ chu trình tạo biểu tượng trực tuyến trực tiếp trong trình duyệt.

Bước 3

Tải biểu tượng lên máy chủ của trang web của bạn và lưu nó vào tệp có tên favicon.ico - tên này được hiểu theo cách giống nhau đối với tất cả các sửa đổi trình duyệt, mặc dù tên này không quan trọng đối với một số sửa đổi. Nếu mã trang không chứa địa chỉ của tệp này, thì các trình duyệt và rô bốt tìm kiếm theo mặc định sẽ tìm kiếm tệp đó trong thư mục gốc của trang web, vì vậy tốt nhất bạn nên đặt tệp ở đó.

Bước 4

Chèn các thẻ HTML vào mã nguồn của các trang chỉ ra tệp được tải lên. Đối với Internet Explorer, thẻ này sẽ giống như sau:

Đối với các trình duyệt khác, nó phải được viết khác:

Thêm cả hai dòng để đảm bảo khả năng tương thích trên nhiều trình duyệt. Nếu tệp được đặt trong một thư mục khác với thư mục gốc, hãy chỉ định đường dẫn đầy đủ đến vị trí trong thuộc tính href. Những dòng này phải được chèn vào phần tiêu đề của tài liệu web, tức là giữa các thẻ và.

Đề xuất: