<meta>: The metadata element
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Phần tử <meta> HTML đại diện cho metadata không thể được biểu diễn bởi các phần tử liên quan đến meta khác, như <base>, <link>, <script>, <style>, hoặc <title>.
Loại metadata được cung cấp bởi phần tử <meta> có thể là một trong các loại sau:
- Nếu thuộc tính
nameđược đặt, phần tử<meta>cung cấp metadata cấp tài liệu áp dụng cho toàn bộ trang. - Nếu thuộc tính
http-equivđược đặt, phần tử<meta>hoạt động như chỉ thị pragma để mô phỏng các chỉ thị có thể được cung cấp bởi tiêu đề HTTP. - Nếu thuộc tính
charsetđược đặt, phần tử<meta>là khai báo charset, cung cấp mã hóa ký tự mà tài liệu được mã hóa. - Nếu thuộc tính
itempropđược đặt, phần tử<meta>cung cấp metadata do người dùng định nghĩa.
Thuộc tính
Phần tử này bao gồm các thuộc tính toàn cục.
Note:
Thuộc tính name có ý nghĩa cụ thể cho phần tử <meta>.
Thuộc tính itemprop không được đặt trên phần tử <meta> bao gồm thuộc tính name, http-equiv, hoặc charset.
charset-
Thuộc tính này khai báo mã hóa ký tự của tài liệu. Nếu thuộc tính có mặt, giá trị của nó phải là khớp không phân biệt hoa thường ASCII với chuỗi
"utf-8", vì UTF-8 là mã hóa duy nhất hợp lệ cho các tài liệu HTML5. Các phần tử<meta>khai báo mã hóa ký tự phải nằm hoàn toàn trong 1024 byte đầu tiên của tài liệu. content-
Thuộc tính này chứa giá trị cho thuộc tính
http-equivhoặcname, tùy thuộc vào cái nào được sử dụng. http-equiv-
Xác định chỉ thị pragma, là các hướng dẫn cho trình duyệt để xử lý tài liệu. Tên thuộc tính là viết tắt của
http-equivalentvì các giá trị được phép là tên của các tiêu đề HTTP tương đương. media-
Thuộc tính
mediaxác định media nào màu chủ đề được định nghĩa trong thuộc tínhcontentnên được áp dụng. Giá trị của nó là media query, mặc định làallnếu thuộc tính bị thiếu. Thuộc tính này chỉ liên quan khi thuộc tínhnamecủa phần tử được đặt thànhtheme-color. Nếu không, nó không có hiệu ứng và không nên được bao gồm. name-
Các thuộc tính
namevàcontentcó thể được sử dụng cùng nhau để cung cấp metadata tài liệu dưới dạng các cặp tên-giá trị, với thuộc tínhnamecung cấp tên metadata và thuộc tínhcontentcung cấp giá trị.
Ví dụ
Đặt mô tả meta
Thẻ <meta> sau đây cung cấp description làm metadata cho trang web:
<meta
name="description"
content="The HTML reference describes all elements and attributes of HTML, including global attributes that apply to all elements." />
Đặt chuyển hướng trang
Ví dụ sau sử dụng http-equiv="refresh" để hướng dẫn trình duyệt thực hiện chuyển hướng.
Thuộc tính content="3;url=https://www.mozilla.org" sẽ chuyển hướng trang đến https://www.mozilla.org sau 3 giây:
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />
Tóm tắt kỹ thuật
| Danh mục nội dung |
Nội dung metadata. Nếu thuộc tính itemprop có mặt:
nội dung luồng,
nội dung cụm từ.
|
|---|---|
| Nội dung được phép | Không có; đây là void element. |
| Bỏ qua thẻ | Phải có thẻ mở và không được có thẻ đóng. |
| Cha được phép |
|
| Vai trò ARIA ẩn | Không có vai trò tương ứng |
| Vai trò ARIA được phép | Không có role được phép |
| Giao diện DOM | HTMLMetaElement |
Thông số kỹ thuật
| Specification |
|---|
| HTML # the-meta-element |