Thẻ <meta /> 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.01HTML5
-● 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

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ínhGiá trịVí dụMô tả
Thuộc tính mới(Mới)
charsetKý tự mã hóacharset="UTF-8"Xác định bộ mã ký tự cho văn bản HTML.
Thuộc tính như HTML4.01
contentTextcontent="Nội dung"Xác định nội dung cho thông tin dữ liệu.
http-equivcontent-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.
nameauthor
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
schemeformat/URIscheme="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.

Bình luận