Thẻ <meta /> trong HTML
- Tag cung cấp thông tin dữ liệu về văn bản HTML, thông tin dữ liệu sẽ không được hiển thị trên trình duyệt.
- Tag thường được sử dụng để xác định mô tả trang (description), từ khóa (keywords), tác giả của văn bản (author), sửa đổi lần cuối (last modified), và thông tin dữ liệu khác.
- Tag có thể được sử dụng bởi các trình duyệt (hiển thị nội dung hoặc tải lại trang), công cụ tìm kiếm (từ khoá), hoặc các dịch vụ web khác.
- Tag luôn truyền dưới dạng các cặp tên và giá trị.
Sự khác nhau giữa HTML4.01 và HTML5
| HTML4.01 | HTML5 |
|---|---|
| - | ● Thuộc tính scheme không được hỗ trợ trong HTML5. |
| - | ● Thuộc tính charset được viết gọn trong HTML5. |
Cấu trúc
Tag <meta /> luôn nằm bên trong <head>
<head>
<meta />
</head>Ví dụ
<head>
<meta name="description" content="Học lập trình" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta name="author" content="truongtuongtu" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>Trong đó:
name="description" dùng để mô tả cho trang HTML với nội dung: content="Học lập trình":
<meta name="description" content="Học lập trình" />
name="keywords" xác định từ khóa cho trang HTML, mục đích cho bọ tìm kiếm tìm đến từ khóa (dành cho SEO), với nội dung các từ khóa: content="HTML,CSS,XHTML,JavaScript"
<meta name="keywords" content="HTML,CSS,XHTML,JavaScript" />
name="author" xác định tác giả của trang HTML với nội dung là: content="truongtuongtu"
<meta name="author" content="truongtuongtu" />
http-equiv="content-type" cung cấp tiêu đề cho trang HTML có nội dung là: content="text/html;charset=UTF-8"
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
Trình duyệt hỗ trợ
Tag <meta /> được hỗ trợ trong đa số các trình duyệt.
Thuộc tính
<meta thuoctinh="giatri" />
Thuộc tính tùy chọn
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| Thuộc tính mới(Mới) | |||
| charset | Ký tự mã hóa | charset="UTF-8" | Xác định bộ mã ký tự cho văn bản HTML. |
| Thuộc tính như HTML4.01 | |||
| content | Text | content="Nội dung" | Xác định nội dung cho thông tin dữ liệu. |
| http-equiv | content-type content-style-type expires set-cookie others | http-equiv= "content-type" | Cung cấp tiêu đề HTML cho một thông tin có trong thuộc tính content. |
| name | author description keywords generator revised others | name="author" | Cung cấp tên HTML cho một thông tin có trong thuộc tính content. |
| Thuộc tính không hỗ trợ trong HTML5 | |||
| scheme | format/URI | scheme="YYYY-MM-DD" | Không hỗ trợ trong HTML5. |
Thuộc tính Tổng quát
Tất cả thuộc tính tổng quát được xác định trên phần lớn các thành phần HTML5.
