Thẻ Meta trong HTML

Như ở bài đầu tiên thì mình đã giới thiệu các bạn cách tạo trang HTML cơ bản và mình tin chắc các bạn đã làm thành công rồi. Ở bài này, mình sẽ nói về chủ đề thẻ Meta – một thẻ khai báo thông tin trong HTML cực kỳ quan trọng mà một website thực sự không thể thiếu.

Tại sao mình nói nó quan trọng, vì mình chưa thấy website nào không có thẻ <meta> cả. Đơn giản website học wordpress, học html online như ITVinh cũng cần phải có:

Thẻ meta trong trang HTML

Không giống như những thẻ khai báo thông tin website mà bài trước mình đã nói gồm : <html> , <head> , <title> , <body> sẽ có thẻ đóng dạng như </html> </head> … mà với thẻ <meta> sẽ không có thẻ đóng kiểu đó nữa, thay vào đó nó sẽ có thêm dấu ngay trước ký tự cuối cùng là .
Cách khai báo thẻ <meta> thì có 2 kiểu khai báo cơ bản như sau:

the-meta-trong-html

Thẻ meta trong HTML

Ở kiểu khai báo thứ nhất mình sẽ lấy ví dụ sau :

the-meta-utf8

Charset là thuộc tính dùng để khai báo bảng mã ký tự của website là gì cho trình duyệt nhận biết. Mình khuyên chúng ta nên sử dụng bảng mã ký tự “UTF-8” nhé, nếu trang web tiếng Việt mà không sử dụng bãng mã này sẽ xảy ra hiện tượng lỗi Font ngay.

Ở kiểu khai báo thẻ Meta thứ 2 thì sẽ lấy ví dụ như sau :

Khai báo thẻ meta

Giá trị của thuộc tính ‘ name ‘ là những giá trị có sẵn bao gồm những giá trị cơ bản sau:

 – description : Khai báo mô tả của website.

 – keywork : Khai báo từ khóa của website.

 – author : Khai báo tác giả của website.

 – Abstract : cung cấp nội dung tóm tắt cho phần mô tả của website.

 – copyright: Khai báo thông tin bản quyền

… và một số giá trị của thuộc tính ‘ name ‘ khác ở bài khác mình sẽ giới thiêu, về cơ bản thì có những giá trị đó.

Ở thuộc tính ‘content‘ thì chúng ta khai báo nội dung cho giá trị của thuộc tính ‘name‘ .

Lưu ý: Thẻ Meta phải đặt trong cặp thẻ <head> và </head>.

2 thoughts on “Thẻ Meta trong HTML

    • admin Post author

      Cảm ơn bạn đã đọc bài viết, hãy sử dụng thẻ author và copyright nhé. Share bài viết nếu bạn thích.

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Top