Thẻ <head> HTML

Định nghĩa và cách sử dụng

<head> phần tử là khay của meta dữ liệu (về dữ liệu của dữ liệu), nằm trong <html> thẻ và <body> thẻ giữa.

Meta dữ liệu là dữ liệu về tài liệu HTML. Meta dữ liệu không được hiển thị.

Meta dữ liệu thường định nghĩa tiêu đề của tài liệu, bộ mã ký tự, style, tập lệnh và các thông tin meta khác.

Các phần tử sau có thể được đặt trong <head> trong phần tử:

Giải thích chi tiết

<head> thẻ được sử dụng để định nghĩa phần đầu của tài liệu, nó là khay của tất cả các phần tử đầu.<head> các phần tử có thể liên kết với các tập lệnh, chỉ định nơi trình duyệt tìm các tệp bảng style, cung cấp thông tin meta, v.v.

Phần đầu của tài liệu mô tả các thuộc tính và thông tin của tài liệu, bao gồm tiêu đề của tài liệu, vị trí trong Web và mối quan hệ với các tài liệu khác. Hầu hết các dữ liệu trong phần đầu không thực sự được hiển thị cho người đọc.

Mỗi tài liệu HTML nên chứa một phần tử head, phần tử head phải chứa một title phần tử.

<title> thẻ Định nghĩa tiêu đề của tài liệu, nó là phần duy nhất bắt buộc trong phần head.

Xin xem thêm:

HTML hướng dẫn:HTML phần đầu

HTML DOM tài liệu tham khảo:Head đối tượng

Mô hình

Ví dụ 1

Một tài liệu HTML đơn giản nhưng hoàn chỉnh, trong phần head có thẻ <title>:

<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>Titile của tài liệu</title>
  </head>
  <body>
    <h1>Đây là tiêu đề</h1>
    <p>Đây là một đoạn văn.</p>
  </body>
</html>

Thử trực tiếp

Ví dụ 2

<base> thẻ（Định nghĩa URL mặc định và mục tiêu của tất cả các liên kết trên trang），nằm trong <head>:

<html>
  <head>
    <base href="https://www.codew3c.com/" target="_blank">
  </head>
<body>
  <img src="pic/tree.png" width="150" height="161" alt="Cây">
  <a href="tags/tag_base.asp">HTML base thẻ</a>
</body>
</html>

Thử trực tiếp

Ví dụ 3

<style> thẻ（Thêm thông tin样式 vào trang），nằm trong <head>:

<html>
  <head>
    <style>
      h1 {màu đỏ;}
      p {màu xanh dương;}
    </style>
  </head>
  <body>
    <h1Một tiêu đề.</h1>
    <pMột đoạn văn bản.</p>
  </body>
</html>

Thử trực tiếp

Ví dụ 4

Thẻ <link>（Liên kết đến bảng định dạng bên ngoài），nằm trong <head>:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>Tôi đã sử dụng phong cách liên kết để định dạng.</h1>
    <p>Tôi cũng vậy!</p>
  </body>
</html>

Thử trực tiếp

Các thuộc tính toàn cục

<head> Thẻ cũng hỗ trợ Các thuộc tính toàn cục trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị các giá trị mặc định sau đây <head> Phần tử:

head {
  display: none;
}

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ