HTML

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ínhGiá trịÝ nghĩa
chartsetutf-8Định dạng mã hóa ký tự
nameapplication-name
author
description
generator
keywords
viewport
Xác định loại thông tin cung cấp cho trang web
http-equivcontent-type
default-style
refresh
Xác định thời gian tải lại trang
contenttextCung 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
applicationChỉ định tên của ứng dụng Web mà trang đại diện
authorĐặt tên tác giả
descriptionChỉ đị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.
generatorChỉ định một trong các gói phần mềm được sử dụng để tạo tài liệu.
keywordsCài đặt tử khóa
viewportKiể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!

Mới nhất cùng chuyên mục

Back to top button
Close