Thẻ meta

Thẻ meta thiết lập một số lệnh dịch vụ cho trình duyệt hoặc các công cụ tìm kiếm: mã hóa trang, mô tả trang cho công cụ tìm kiếm, tác giả trang và vân vân.

Nguyên tắc hoạt động của thẻ như sau (với một số ngoại lệ): thiết lập tên lệnh (trong thuộc tính name hoặc trong thuộc tính http-equiv), còn giá trị của lệnh được thiết lập trong thuộc tính content. Về bản chất, thẻ này chứa trong nó một nhóm thẻ (lệnh), có tên chung là meta-tag

Thẻ meta không yêu cầu thẻ đóng.

Thẻ meta nên được sử dụng bên trong thẻ head.

Ví dụ sử dụng phổ biến

Mã hóa tài liệu

Hiện tại, chuẩn mã hóa là utf-8. Về lý thuyết, có thể không cần thiết lập mã hóa một cách rõ ràng (qua thẻ meta) - trình duyệt sẽ hiểu bạn. Trên thực tế, tôi không khuyên làm như vậy - mã hóa có thể bị lỗi và thay vì văn bản tiếng Việt, bạn sẽ thấy các ký tự lộn xộn.

Trong HTML5, mã hóa được thiết lập ở dạng đơn giản hơn:

Trước đây, mã hóa được thiết lập như thế này (hiện nay không nên làm thế, đã lỗi thời, bạn có thể gặp trong các tài liệu cũ):

Mô tả tài liệu

Mô tả meta của tài liệu được dành cho các công cụ tìm kiếm, trong đó nên chứa mô tả ngắn gọn về trang. Từ mô tả này, trong một số điều kiện, công cụ tìm kiếm có thể tạo ra snippet của trang web. Snippet là mô tả ngắn về trang web khi tìm kiếm. Do đó mô tả meta của trang nên được làm giống như cách bạn muốn thấy snippet của trang trong kết quả tìm kiếm và cho mỗi trang web là khác nhau.

Nên sử dụng như sau:

Từ khóa của tài liệu

Meta-keywords (từ khóa) được dành cho các công cụ tìm kiếm, để chỉ ra những từ quan trọng nhất, mà người dùng sẽ tìm kiếm trang theo đó. Hiện nay, do sự lạm dụng từ phía các quản trị web, các công cụ tìm kiếm không còn coi trọng thẻ meta này nữa.

Nên sử dụng như sau (các từ khóa và cụm từ được liệt kê qua dấu phẩy):

Redirect (chuyển hướng sang trang khác)

Có thể làm sao để khi vào một trang nào đó, người dùng tự động được chuyển hướng sang trang khác (ví dụ, nếu trang đã được di chuyển). Sử dụng như sau (5 là số giây, sau đó sẽ thực hiện chuyển hướng):

Thêm ví dụ

Bạn có thể tìm thêm ví dụ tại đường link này.

Các thuộc tính có thể có

Thuộc tính	Mô tả
name	Tên của thẻ meta. Giá trị của thẻ meta với tên này được thiết lập bởi thuộc tính content.
http-equiv	Cho phép thiết lập HTTP header, để gửi chúng tới trình duyệt. Thiết lập tên header. Giá trị của header được thiết lập bởi thuộc tính content.
content	Thiết lập giá trị cho thuộc tính được xác định bằng thuộc tính name hoặc http-equiv.
charset	Thiết lập mã hóa cho tài liệu. Hiện nay, chuẩn là utf-8.