Hình ảnh làm cho nội dung thú vị hơn bằng cách giúp người đọc hiểu nội dung tốt hơn trên trang web
Chúng ta có thể chèn hình ảnh vào trang HTML. Để chèn hình ảnh vào trang HTML, hãy sử dụng
Hầu hết các trang web đều thêm biểu tượng hoặc logo hình ảnh vào thanh tiêu đề. Logo biểu tượng này còn được gọi là biểu tượng yêu thích và có thể hữu ích cho sự tương tác của người dùng
Favicon, còn được gọi là biểu tượng URL, biểu tượng tab, biểu tượng phím tắt, biểu tượng trang web hoặc biểu tượng dấu trang, là một tệp chứa một hoặc nhiều biểu tượng nhỏ được liên kết với một trang web hoặc trang web cụ thể
Bạn có thể để trình duyệt phát hiện favicon của bạn hoặc tải nó lên khu vực lưu trữ gốc của bạn
Biểu tượng yêu thích được chuẩn hóa W3C trong HTML 4. 01 khuyến nghị. Việc triển khai tiêu chuẩn sử dụng một phần tử có thuộc tính rel trong phần của tài liệu chỉ định định dạng tệp, tên tệp và vị trí. Tệp có thể có bất kỳ định dạng hình ảnh nào [ico, png, jpeg, gif] và có thể nằm trong bất kỳ thư mục trang web nào
Một cách dễ nhất là tải lên một biểu tượng dưới dạng. png hoặc. ico từ Trình quản lý tệp lưu trữ của bạn. Nếu bạn chuẩn bị hình ảnh của mình ở định dạng png hoặc ico, bạn có thể tải nó lên khu vực lưu trữ của mình và hầu hết các trình duyệt hiện đại sẽ tự động phát hiện biểu tượng yêu thích. png và favicon. ico từ máy chủ của bạn [việc đặt tên quan trọng ở đây, nó phải chính xác là favicon]. Vì vậy, bạn sẽ không cần viết mã
Một cách khác là sử dụng liên kết HTML bên trong thẻ đầu
Nếu bạn sử dụng định dạng hình ảnh khác, hãy thực hiện các thay đổi thích hợp [đọc đoạn tiếp theo] và thay đổi giá trị của thuộc tính href thành đường dẫn chứa hình ảnh trong dự án của bạn. Định dạng ICO không còn đáng tin cậy nữa và tốt hơn là sử dụng png [để duy trì tính minh bạch]
- Đối với PNG, sử dụng hình ảnh/png
- Đối với GIF, hãy sử dụng hình ảnh/gif
- Đối với JPEG, sử dụng image/jpg
- Đối với ICO, hãy sử dụng image/x-icon
- Đối với SVG, hãy sử dụng image/svg+xml
- biểu tượng yêu thích. ico là tên mặc định
- Kích thước phải là 16×16, 32×32, 48×48, 64×64 hoặc 128×128 pixel
- Màu phải là 8 byte, 24 bit hoặc 32 bit
Có rất nhiều công cụ trực tuyến giúp bạn tạo favicon, chuyển đổi định dạng ảnh, v.v. và nhân tiện, bạn có thể tìm thấy chúng bằng cách tìm kiếm đơn giản trên Google
Hình ảnh phải có kích thước vuông ở bất kỳ định dạng hình ảnh nào [ico, jpg, BMP, gif, png] để xuất hiện chính xác trong trình duyệt. Hình ảnh có kích thước không phải hình vuông cũng sẽ hoạt động. Tuy nhiên, các biểu tượng như vậy có thể trông không chuyên nghiệp
Title of the document
Hello from W3docs!
Nếu bạn xem kết quả của đoạn mã trên, nó sẽ giống như thế này
Nếu bạn không thấy biểu tượng yêu thích mới, hãy xóa bộ nhớ đệm của trình duyệt và khởi động lại
Đối với các nền tảng khác nhau, kích thước favicon cũng nên được thay đổi
Xin lưu ý rằng bạn phải thay đổi giá trị thuộc tính href dựa trên vị trí của tệp yêu thích của bạn, trong máy chủ hoặc trong thư mục dự án của bạn nếu bạn đang làm việc cục bộ. Và vấn đề đặt tên;
Cuối cùng, điều đáng chú ý là bạn có thể sử dụng liên kết mã nguồn mở này, đây là một trang lừa đảo dành cho biểu tượng yêu thích và có thông tin có giá trị có thể giúp ích cho bạn trong quá trình thực hiện
Hầu hết các trang web thêm biểu tượng biểu tượng hoặc hình ảnh trong thanh tiêu đề. Logo biểu tượng còn được gọi là favicon. Thêm favicon cũng được coi là tốt cho SEO của trang web. Favicon là sự kết hợp của biểu tượng yêu thích