Previous Lesson Next Lesson

trong HTML

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ợ

39image-1

<meta /> được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng:

<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