Chúng ta đã học biết về nhân vật Htlm là ai, con ai, bạn bè là ai, cấu trúc chung Html như thế nào. Hôm nay chúng ta sẽ đi sâu thêm chúc xíu xíu về cấu trúc chung của html. Một phần như ôn lại, một phần hiểu sâu hơn về con người cần cù và quan trọng ấy.
1. Nhớ lại cấu trúc Html cơ bản
<!DCOTYPE html>
<html>
<head>…</head>
<body>…</body>
</html>
Với <!DOCTYPE html> và phần tử gốc html thì xem như đó là quy trình bắt đầu khi làm viết Html rồi
Cái ta quan tâm là bên trong phân tử Head và bên trong phần tử Body. Ở bài chia sẽ này chúng ta sẽ đi vào phần tử Head trước.
(Trong Html5 chúng ta có thê bỏ cả phần tử góc html, head và body. Nhưng tốt nhất nên viết đầy đủ)
2. Ý nghĩa của phần tử Head
Thay vì nói về Head là nơi chứa siêu dữ liệu. Chúng ta sẽ nói về con người. Con người có 2 phần đó là phần nhận thức và thân xác. Nếu như phần thân xác là phần hiện hữu để người khác nhìn vào. Thì phần nhận thức tuy không có hình dạng. Nhưng nó lại quyết định cách tồn tại và ý nghĩa tồn tại của thể xác.
HTLM chẳng khác gì 1 con người. Nó cũng có 1 phần nhận thức (<head>…</head>) và 1 phần để tạo nên thể xác(<body>…</body> )
Hãy xem Html như 1 đứa trẻ. Lúc đầu nó được tạo, nó sẽ như trang giấy trắng. Rồi cha mẹ nó (chúng ta) sẽ cho nó đi học, cung cấp tài liệu cho nó và nó sẽ đọc tài liệu. Khi được cung cấp đủ tài liệu và nó đọc hết các tài liệu được cung cấp. Đứa trẻ đó bắt đầu nhận thức được chính nó, cũng như biết cách cho người khác biết về nó
- Nó là ai, nó tên gì : ———————————-<title> …. </title>
- Phong cách ăn mặc của nó: ———————-<style> …… </styles>
- Các mối quan hệ bạn bè:————————– <link …… >
- Khả năng xử lý tình huống giữa cuộc sống:– <script ….. >
- Chữ viết nó được dạy—————————— <meta charset=“……. ” …… >
- Nó giỏi về lĩnh vực gi ——————————-<meta name=”keywords” content=”…….. ” >
- Quan điểm sống của nó. —————————<meta name=”description” content=”……. “>
- Người dại dỗ nó ————————————–<meta name=”author” content=”……. “>
- Và nhiều nhiều cái nó được học khác———– <meta>
2. Cá phần tử thường được dùng trong phần tử Head
Nhìn trên thì chúng ta cũng đoán được phần tử nào được dùng nhiều trong head rồi. Nhưng cũng viết lại cho nó gọn ràng tí.
Có 6 phần tử được dùng phổ biến trong phần tử head. Trong đó có 3 phần tử không có thẻ đóng.
- <title>….</ttle>
- <style>… </style>
- <script>…</scrip>
- <link > ( phần tử không có phần tử đóng)
- <meta ..> (phần tử không có thẻ đóng)
- <base…> (phần tử không có thẻ đóng)
Vậy là chúng ta hiểu thêm tí về Html mà ở đây là phần tử Head của nó. Ý nghĩa Head là để làm gì, các phần tử Html được dùng trong Head và vai trò của nó. Bài tới chúng ta sẽ đi tìm hiểu về Phần tử tạo nên Than xác Html đó là Body
Hi vọng bài viết hữu ích với bạn!