Thẻ Meta là gì? Các thuộc tính của thẻ meta?
Thẻ meta là một thẻ thông dụng luôn được sử dụng trong các file HTML. Nhưng chắc không phải ai cũng có thể nhớ và hiểu rõ về chúng, Hãy cùng với Isinhvien tìm hiểu về thẻ meta này nhé!
Thẻ Meta trong HTML
Cú pháp:
<meta charset="utf-8"> <meta name="author" content="The text of you"> <meta name="keywords" content="Từ khóa tìm kiếm"> <meta name="description" content="mô tả tóm tắt nội dung"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="refresh" content="2">
Thẻ meta được sử dụng trong phần head cùa file HTML. Có thể được sử dụng bởi các trình duyệt (cách hiển thị nội dung hoặc tải lại trang), bộ máy tìm kiếm (từ khóa), và các dịch vụ web khác.
Tuy nhiên thẻ Meta chỉ có tác dụng giúp google hiểu những điều mình đang viết, chứ nó không có cung cấp thông tin trực tiếp cho người dùng. Các bạn có thể xem chi tiết tại đây
Các thuộc tính của thẻ meta.
Thuộc tính | Giá trị | Ý nghĩa |
chartset | utf-8 | Định dạng mã hóa ký tự |
name | application-name author description generator keywords viewport | Xác định loại thông tin cung cấp cho trang web |
http-equiv | content-type default-style refresh | Xác định thời gian tải lại trang |
content | text | Cung cấp giá trị thuộc tính gắn liền cho “name” và “http-equiv” |
Bảng trên là giải thích chức năng của các thuộc tính và giới thiệu 1 số giá trị của thuộc tính, dưới đây minh sẽ giải thích các chức năng của từng giá trị trong thuộc tính
Giá trị | Ý nghĩa |
utf-8 | Định đạng có thể sử dụng tiếng việt |
application | Chỉ định tên của ứng dụng Web mà trang đại diện |
author | Đặt tên tác giả |
description | Chỉ định mô tả của trang. Công cụ tìm kiếm có thể chọn mô tả này để hiển thị cùng với kết quả tìm kiếm. |
generator | Chỉ định một trong các gói phần mềm được sử dụng để tạo tài liệu. |
keywords | Cài đặt tử khóa |
viewport | Kiểm soát chế độ xem (vùng hiển thị của người dùng trên một trang web). Chế độ xem thay đổi theo thiết bị và sẽ nhỏ hơn trên điện thoại di động so với màn hình máy tính. |
Đối với mỗi thuộc tính thì lại có các giá trị khác nhau, tùy thuộc vào yêu cầu của khách hàng thì bạn sử dụng các thuộc tính và giá trị của thẻ meta sao cho phù hợp với yêu cầu.
Nếu bạn cảm thấy bài viết hữu ích thì nhơ Like Share để mọi người cùng biết nhé. Vẫn còn rất nhiều thẻ trong HTML các bạn xem tại đây!