Để mô phỏng header HTTP cho thông tin của thuộc tính content trong thẻ <meta>, bạn sử dụng thuộc tính http-equiv.
Ví dụ minh họa
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính http-equiv trong HTML</title>
<meta name="keywords" content="HTML, meta tag, metadata" />
<meta name="description" content="Mô tả tài liệu" />
<meta http-equiv="refresh" content="10" />
</head>
<body style="background-color:gray">
Nội dung tài liệu ở đây
</body>
</html>
Các giá trị phổ biến của http-equiv
| Giá trị | Mô tả |
|---|---|
refresh |
Tự động làm mới trang sau N giây (ví dụ: content="10"). Có thể chuyển hướng: content="5;url=https://example.com" |
Content-Type |
Khai báo encoding: content="text/html; charset=UTF-8" |
X-UA-Compatible |
Chế độ tương thích IE: content="IE=edge" |
Cache-Control |
Điều khiển cache: content="no-cache, no-store, must-revalidate" |
Content-Security-Policy |
Chính sách bảo mật nội dung (CSP) |
Lưu ý
- Header HTTP thật (từ server) có độ ưu tiên cao hơn http-equiv.
- Nên cấu hình header ở mức server (Apache, Nginx, PHP, Node.js) thay vì dùng meta tag khi có thể.
- Một số http-equiv (như refresh) bị coi là kém thân thiện với người dùng và SEO.