Home » Series » HTML Cơ Bản » [Bài 4] Các thẻ trong trong phần HEAD file HTML – khai báo website
Prev Article Next Article
Phần tử HEAD trong file HTML
Trong bài này chúng ta sẽ tìm hiểu các thẻ nằm trong thẻ trong file html. Đây là các thẻ để khai báo website, nó ảnh hưởng rất nhiều đến SEO Engine.
Trong thẻ ta sẽ có các thẻ cơ bản:
- : Khai báo tiêu đề website
- : Khai báo các thông tin về website.
- : Thẻ này về cơ bản thường dùng để thêm file css vào website, ngoài ra nó còn có dùng để khai báo 1 số thứ khác nữa.
- : Thẻ này đề chúng ra thêm file javascript vào website hoặc viết javascript trực tiếp trên file html.
- : Thẻ này đề chúng ra viết css trực tiếp trên file html.
Chúng ta cùng tìm hiểu về các thẻ này, cách viết ra sao, các thuộc tính như thế nào?
Ví dụ:
Lập trình PHP - Thủ thuật wordpress - Thủ thuật internetKhi chúng ta khai báo như vậy thì nó sẽ có các tác dụng:
– Định nghĩa một tiêu đề trong thanh công cụ của trình duyệt
– Hiển thị tiêu đề cho trang web trong kết quả của các công cụ tìm kiếm
– Cung cấp một tiêu đề cho trang khi nó được thêm vào mục yêu thích
Ví dụ:
– meta charset: khai báo kiểu ngôn ngữ trong trang – meta name=”viewport”: cái này để website có thể hiển thị trên tất cả thiết bị [responsive]. – meta name=”description”: định nghĩa các mô tả cho website của bạn – meta name=”keywords”: định nghĩa các từ khoá cho bộ máy tìm kiếm – meta property=”og:…”: thuộc tính property giá trị og: này là dành cho facebook, khi các bạn share link bài viết lên facebook thì nó sẽ dựa vào đây để hiện thị, có rất nhiều thuộc tính như: og:type, og:locale, og:title, og:description, og:url, og:site_name… – meta name=”twitter:…”: thuộc tính name=”twitter:…” cũng giống như property=”og:…” nhưng nó dành cho twitter.
…Và còn rất nhiều thẻ meta với các thuộc tính khác các bạn tự tìm hiểu nhé.
Thẻ này hay được dùng nhất để liên kết đến mội file css cho trang web.
Đoạn code trên còn có thẻ link rel="icon" thẻ này là để thêm icon lên thanh công cụ trình duyệt, bạn để ý trước title nó có cái icon trên trình duyệt đó.
Nếu bạn muốn viết script trực tiếp trên website:
script viết tại đâyHoặc bạn viết jquery ở 1 file riêng rồi thêm file này vào website
Có thể bạn chưa biết javascript là gì? Hãy qua phần học javascript cơ bản nhé.[Serie đang update]
Thể này để bạn viết css trực tiếp trên website:
css viết tại đâyLời kết:
Các thẻ thông dụng thường được sử dụng vào trong mình đã giới thiệu cho các bạn rồi, bài tiếp mình sẽ giới thiệu các thẻ định dạng font chữ, headline… được nằm trong
Từ khóa tìm kiếm:
Prev Article Next Article
Ngày hôm nay chúng ta sẽ cùng nhau đi vào tìm hiểu các phần tử có trong thẻ head HTML cũng như cách sử dụng nó sao cho hiệu quả trong quá trình thiết kế và phát triển web nhé!
Mình giải thích sơ qua một tí về thuộc tính của nó nhé:
- meta charset: Xác định mã hóa của trang web[utf-8 được xem là tiêu chuẩn chung]
- meta name="viewport": Thiết lập khả năng responsive[thích ứng] trên thiết bị điện thoại.
- width=device-width: Thiết lập chiều rộng của trang tuân theo chiều rộng của màn hình thiết bị.
- initial-scale=1: thiết lập initial zoom[1 nghĩa là không thu phóng]
Nếu bạn muốn tìm hiểu thêm về thuộc tính này thì có thể tham khảo ở đây nhé.
Đoạn mã của hình ảnh phía trên
Tiêu Đề Trang
Nguồn
Nguồn tham khảo: //htmlhead.dev/
Tổng kết:
Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn các kiến thức về các thành phần trong thẻ Head HTML hữu ích dành cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!