Các yếu tố siêu dữ liệu mà mọi nhà phát triển web nên biết

May 09 2022
Nó có phép thuật gì?
Là “siêu dữ liệu” HTML, thẻ <meta> thường bị các nhà phát triển bỏ qua. Bài viết này xin giới thiệu chi tiết đến các bạn.
Ảnh của Caspar Camille Rubin trên Unsplash

Là “siêu dữ liệu” HTML, <meta>thẻ thường bị các nhà phát triển bỏ qua. Bài viết này xin giới thiệu chi tiết đến các bạn.

Là gì <meta>?

Phần <meta>tử HTML đại diện cho siêu dữ liệu mà không thể được đại diện bởi các phần tử khác có liên quan đến siêu dữ liệu HTML, <title>như <link>hoặc <script>.

Mặc dù nó không được hiển thị trên trang web nhưng nó cũng cung cấp nhiều tính năng hữu ích cho ứng dụng web. Ví dụ: SEO, cài đặt chế độ xem trên thiết bị di động, làm mới theo khoảng thời gian, v.v.

Vì vậy, dưới đây tôi sẽ giới thiệu ba <meta>loại phổ biến:

1. charsetThuộc tính

Thuộc tính này khai báo mã hóa ký tự của tài liệu. Giá trị hợp lệ duy nhất của nó là chuỗi không phân biệt chữ hoa chữ thường “utf-8” . Và <meta>phần tử phải nằm trong 1024 byte đầu tiên của tài liệu.

<meta charset="utf-8">

Thuộc tính này cung cấp siêu dữ liệu tài liệu dưới dạng các cặp tên-giá trị.

Dưới đây là một số ví dụ thực tế:

3. Thuộc tính http-equivcontent

Xác định một chỉ thị pragma. Thuộc tính được đặt tên http-equiv(alent)vì tất cả các giá trị được phép là tên của các tiêu đề HTTP cụ thể.

Dưới đây là một số ví dụ thực tế:

Đó là tất cả cho ngày hôm nay. Tôi là Zachary và tôi sẽ tiếp tục xuất các câu chuyện liên quan đến phát triển web. Nếu bạn thích những câu chuyện như vậy và muốn ủng hộ tôi, hãy cân nhắc trở thành thành viên Trung bình . Nó có giá $ 5 mỗi tháng và cho phép bạn truy cập không giới hạn vào nội dung Medium. Tôi sẽ nhận được một ít hoa hồng nếu bạn đăng ký qua liên kết của tôi .

Sự hỗ trợ của bạn là rất quan trọng đối với tôi - cảm ơn bạn.

© Copyright 2021 - 2022 | vngogo.com | All Rights Reserved