Thẻ HTML <head>
Thí dụ
Một tài liệu HTML đơn giản, có thẻ <title> bên trong phần đầu:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Phần <head>
tử là vùng chứa siêu dữ liệu (dữ liệu về dữ liệu) và được đặt giữa thẻ <html> và thẻ <body>.
Siêu dữ liệu là dữ liệu về tài liệu HTML. Siêu dữ liệu không được hiển thị.
Siêu dữ liệu thường xác định tiêu đề tài liệu, bộ ký tự, kiểu, tập lệnh và các thông tin meta khác.
Các phần tử sau có thể đi vào bên trong <head>
phần tử:
- <title> (bắt buộc trong mọi tài liệu HTML)
- <kiểu>
- <base>
- <liên kết>
- <meta>
- <script>
- <noscript>
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính toàn cầu
Thẻ <head>
cũng hỗ trợ Thuộc tính chung trong HTML .
Các ví dụ khác
Thí dụ
Thẻ <base> (chỉ định URL và mục tiêu mặc định cho tất cả các liên kết trên một trang) nằm bên trong <head>:
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24"
height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
Thí dụ
Thẻ <style> (thêm thông tin kiểu vào một trang) nằm bên trong <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Thí dụ
Thẻ <link> (liên kết đến trang định kiểu bên ngoài) nằm bên trong <head>:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
Các trang liên quan
Hướng dẫn HTML: HTML Head
Tham chiếu HTML DOM: Đối tượng Head
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <head>
phần tử với các giá trị mặc định sau:
head {
display: none;
}