Thẻ HTML <head>
Ví 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>
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Phần tử <head>
là nơi 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à thông tin meta khác.
Các phần tử sau có thể nằm bên trong phần tử <head>
:
- <title> (bắt buộc trong mọi tài liệu HTML)
- <phong cách>
- <cơ sở>
- <liên kết>
- <meta>
- <kịch bản>
- <noscript>
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính chung
Thẻ <head>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thêm ví dụ
Ví 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.example.com.vn/" 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>
Hãy tự mình thử »Ví dụ
Thẻ <style> (thêm thông tin kiểu dáng 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>
Hãy tự mình thử »Ví dụ
Thẻ <link> (liên kết đến một style sheet 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>
Hãy tự mình thử »Trang liên quan
Hướng dẫn HTML: Đầu HTML
Tham chiếu DOM HTML: Đối tượng đầu
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <head>
với các giá trị mặc định sau:
head {
display: none;
}