Giới thiệu
Tag meta là một phần quan trọng trong HTML, được sử dụng để cung cấp thông tin meta về trang web. Thông tin meta này không được hiển thị trực tiếp trên trang web, nhưng nó cung cấp các thông tin quan trọng cho các công cụ tìm kiếm và trình duyệt web.
Cú pháp
Tag meta được đặt trong thẻ <head> của trang web và có cú pháp như sau:
<meta name="tên_thuộc_tính" content="giá_trị">
Trong đó:
namelà tên thuộc tính của thông tin meta.contentlà giá trị của thông tin meta.
Các thuộc tính phổ biến
Thuộc tính charset
Thuộc tính charset được sử dụng để xác định bộ ký tự được sử dụng trong trang web. Ví dụ:
<meta charset="UTF-8">
Thuộc tính viewport
Thuộc tính viewport được sử dụng để điều chỉnh cách trình duyệt hiển thị trang web trên các thiết bị di động. Ví dụ:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Thuộc tính description
Thuộc tính description được sử dụng để mô tả nội dung chính của trang web. Ví dụ:
<meta name="description" content="Trang web hướng dẫn lập trình cho người mới bắt đầu">
Thuộc tính keywords
Thuộc tính keywords được sử dụng để liệt kê các từ khóa liên quan đến nội dung của trang web. Ví dụ:
<meta name="keywords" content="lập trình, hướng dẫn, người mới bắt đầu">
Ví dụ sử dụng tag meta
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Trang web hướng dẫn lập trình cho người mới bắt đầu">
<meta name="keywords" content="lập trình, hướng dẫn, người mới bắt đầu">
<title>Hướng dẫn lập trình</title>
</head>
<body>
<h1>Chào mừng đến với trang web hướng dẫn lập trình!</h1>
<p>Trang web này cung cấp các tài liệu và ví dụ về lập trình cho người mới bắt đầu.</p>
</body>
</html>
Trong ví dụ trên, chúng ta sử dụng các tag meta để cung cấp thông tin về bộ ký tự, cách hiển thị trên thiết bị di động, mô tả và từ khóa của trang web. Các thông tin này giúp công cụ tìm kiếm hiểu rõ hơn về nội dung của trang web và cung cấp kết quả tìm kiếm chính xác hơn cho người dùng.