Tại sao nên đặt trong thẻ
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:
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ụ: Khi chúng ta khai báo như vậy thì nó sẽ có các tác dụng: – 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: Hoặ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: Lời kết: 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é:
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
Nguồn Nguồn tham khảo: https://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ẻ! |