Thuộc tính http-equiv của thẻ <meta> HTML

Thẻ <meta> HTML

Định nghĩa và cách sử dụng

http-equiv Thuộc tính là Thuộc tính content Giá trị của nó cung cấp các trường tiêu đề HTTP.

http-equiv Thuộc tính có thể được sử dụng để mô phỏng trường tiêu đề phản hồi HTTP.

Mô hình

Tải lại tài liệu mỗi 30 giây:

<head>
  <meta http-equiv="refresh" content="30">
</head>

Thử ngay

Cú pháp

<meta http-equiv="content-security-policy|content-type|default-style|refresh">

Giải thích

Việc thay đổi giá trị của trường tiêu đề HTTP (HyperText Transfer Protocol) là một trong những mục đích của thẻ meta. Khi truyền dữ liệu HTML giữa máy chủ và trình duyệt, thường sử dụng HTTP. Mỗi phản hồi của máy chủ đều chứa một nhóm trường để giải thích nội dung cho trình duyệt. Thẻ meta có thể được sử dụng để mô phỏng bốn trường tiêu đề này.

http-equiv Mục đích của thuộc tính là xác định tên trường tiêu đề cần mô phỏng, giá trị của trường được Thuộc tính content Định nghĩa.

http-equiv Thuộc tính có bốn giá trị có thể sử dụng, như bảng sau:

Giá trị thuộc tính

Giá trị Mô tả
content-security-policy

Định nghĩa chính sách nội dung của tài liệu.

Ví dụ:

<meta http-equiv="content-security-policy" content="default-src 'self'">
content-type

Định nghĩa mã hóa ký tự của tài liệu.

Lưu ý:Đây là một cách khác để tuyên bố mã hóa ký tự của trang HTML.

Ví dụ:

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
default-style

Định nghĩa mẫu样式表 được sử dụng.

Ví dụ:

<meta http-equiv="default-style" content="the document's preferred stylesheet">

Lưu ý:Giá trị thuộc tính content tương ứng nên giống với giá trị thuộc tính title của một thẻ style hoặc thẻ link trong cùng tài liệu.
refresh

Định nghĩa khoảng thời gian tự tải lại tài liệu, bằng đơn vị giây.

Ví dụ:

<meta http-equiv="refresh" content="300">

Còn có thể chỉ định một URL khác để trình duyệt tải vào:

Ví dụ:

<meta http-equiv="refresh" content="5; https://www.codew3c.com">

Lưu ý:Nên sử dụng cẩn thận giá trị "refresh", vì nó sẽ lấy quyền kiểm soát của người dùng đối với trang web. Sử dụng "refresh" sẽ dẫn đến việc Hướng dẫn khả năng truy cập nội dung Web của W3C thất bại.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Thẻ <meta> HTML