Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Lấy header HTTP cho thuộc tính content trong HTML (http-equiv)

Để 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.