Cách đặt Các Biểu Tượng Trên Trang Web

Mục lục:

Cách đặt Các Biểu Tượng Trên Trang Web
Cách đặt Các Biểu Tượng Trên Trang Web

Video: Cách đặt Các Biểu Tượng Trên Trang Web

Video: Cách đặt Các Biểu Tượng Trên Trang Web
Video: Cách tạo lối tắt trang Web thường dùng trên Desktop máy tính học Online trên Google Meet, Zoom 2024, Có thể
Anonim

Biểu tượng được hiển thị trong thanh địa chỉ của trình duyệt, cũng như trong danh sách các trang web yêu thích và thậm chí trong danh sách tìm kiếm các trang web trong Yandex, là một bổ sung rất hữu ích cho các cách khác để thu hút sự chú ý đến trang web của bạn. Cách thực hiện khả năng này được mô tả dưới đây.

FavIcon
FavIcon

Hướng dẫn

Bước 1

Biểu tượng này thường được gọi là "Favicon" (Biểu tượng yêu thích) và nó là một hình ảnh có kích thước 16 x 16 pixel. Một số trình duyệt hiện đại cũng có thể hiển thị các biểu tượng lớn, nhưng nếu khả năng tương thích giữa các trình duyệt là quan trọng đối với bạn, thì bạn nên được hướng dẫn bởi tiêu chuẩn tối thiểu này. Bạn có thể tự tạo hình ảnh như vậy trong bất kỳ trình chỉnh sửa đồ họa nào. Các trình duyệt hiện đại có thể đọc các biểu tượng cả ở định dạng ico gốc của chúng và ở các định dạng đồ họa tiêu chuẩn gif, png, bmp, v.v. Tuy nhiên, nếu bạn muốn bao gồm số lượng sửa đổi trình duyệt tối đa, thì bạn nên tập trung vào định dạng ico. Có thể vẽ hình ảnh bạn cần trong trình chỉnh sửa, lưu nó ở một trong các định dạng tiêu chuẩn, sau đó chuyển đổi nó sang định dạng ico bằng một trong các dịch vụ trực tuyến. Một số dịch vụ này có thể cung cấp và tạo biểu tượng yêu thích hoàn toàn trực tuyến.

Bước 2

Khi biểu tượng được tạo, nó sẽ được tải lên máy chủ trang web của bạn dưới tên favicon.ico. Một số trình duyệt không yêu cầu biểu tượng phải được đặt tên theo cách đó, nhưng, một lần nữa, hãy nhớ khả năng tương thích giữa các trình duyệt tối đa, bạn nên tập trung vào các yêu cầu nghiêm ngặt nhất. Bản thân quy trình tải xuống dễ thực hiện nhất thông qua trình quản lý tệp, là một phần của bất kỳ hệ thống quản lý nội dung hoặc bảng quản trị nào của nhà cung cấp dịch vụ lưu trữ của bạn. Tốt nhất là đặt tệp trong thư mục gốc của trang web - đây là nơi trình duyệt và rô bốt tìm kiếm tìm kiếm tệp đó theo mặc định, nếu không có địa chỉ rõ ràng trong mã trang.

Bước 3

Cuối cùng, bạn nên thêm dấu hiệu của biểu tượng vào mã html nguồn của các trang web. Thẻ tương ứng cho Internet Explorer trông giống như sau: Các trình duyệt khác hiểu ý nghĩa khác nhau của thuộc tính "rel": Để làm hài lòng mọi người, tốt hơn nên chỉ định cả hai. Nếu bạn đặt tệp biểu tượng không phải trong thư mục gốc của trang web mà ở một nơi khác, thì trong thuộc tính "href", bạn nên chỉ định đường dẫn đầy đủ đến biểu tượng. Hai dòng này nên được đặt giữa thẻ và. Tức là, bạn cần mở trang được yêu cầu trong trình chỉnh sửa trang của hệ thống điều khiển, chuyển nó sang chế độ chỉnh sửa mã html, tìm dòng có chứa thẻ và thêm hai dòng đã cho ở trên vào trước nó. Sau đó, lưu các thay đổi của bạn vào trang.

Đề xuất: