Phần tử Head trong HTML
Ph n t Head trong HTMLầ ử
Trong HTML, ph n tầ ử <head> là b ch a siêu d li u (metadata) đ c đ tộ ứ ữ ệ ượ ặ
trong thẻ <html> và thẻ <body>.Siêu d li u HTML là d li u v tài li u ữ ệ ữ ệ ề ệ
HTML và không đ c hi n th .ượ ể ị
Siêu d li u th ng đ nh nghĩa tiêu đ văn b n, b kí t , ki u cách, đ ngữ ệ ườ ị ề ả ộ ự ể ườ
d n, k ch b n và các thông tin khác. D i đây là các th mô t siêu d ẫ ị ả ướ ẻ ả ữ
li uệ <title>, <style>, <meta>, <link>, <script>, <base>.
Ph n t <title> trong HTMLầ ử
Ph n tầ ử <title> đ nh nghĩa tiêu đ văn b n, là b t bu c đ i v i m i văn ị ề ả ắ ộ ố ớ ọ
b n HTML/XHTML. Ph n t này:ả ầ ử
Đ nh nghĩa tiêu đ hi n th trên tab trình duy tị ề ể ị ệ
Làm tiêu đ cho trang khi nó đ c thêm vào yêu thíchề ượ
Hi n th tiêu đ trong các b k t qu tìm ki mể ị ề ộ ế ả ế
M t văn b n HTML đ n gi n s nh d i đây.ộ ả ơ ả ẽ ư ướ
<!DOCTYPE html>
<html>
<head>
<title>Tiêu đ trangề</title>
</head>
<body>
N i dung văn b n...ộ ả
</body>
</html>
Ph n t <style> trong HTMLầ ử
Ph n tầ ử <style> dùng đ đ nh nghĩa thông tin v ki u cách cho m t trang ể ị ề ể ộ
HTML.
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
Ph n t <link> trong HTMLầ ử
Ph n tầ ử <link> dùng đ liên k t t i các Style Sheet bên ngoài.ể ế ớ
<link rel="stylesheet" href="quantrimang.css">
Ph n t <meta> trong HTMLầ ử
Ph n tầ ử <meta> xác đ nh b kí t đ c s d ng, mô t trang, t khóa, tác ị ộ ự ượ ử ụ ả ừ
gi và các thông tin siêu d li u khác. Siêu d li u đ c trình duy t dùng ả ữ ệ ữ ệ ượ ệ
đ hi n th n i dung, b tìm ki m dùng đ hi n th t khóa và các d ch v ể ể ị ộ ộ ế ể ể ị ừ ị ụ
web khác.
Đ nh nghĩa b kí tị ộ ự
<meta charset="UTF-8">
Mô t trang webả
<meta name="mota" content="H ng d n HTML"ướ ẫ >
T khóa cho b tìm ki mừ ộ ế
<meta name="tukhoa" content="HTML, CSS, XML, JavaScript">
Tác gi c a trangả ủ
<meta name="tacgia" content="Vu An">
T i l i file tài li u sau 30 giâyả ạ ệ
<meta http-equiv="refresh" content="30">
Thi t l p viewportế ậ
HTML5 gi i thi u m t ph ng th c đ các nhà thi t k web ki m soát ớ ệ ộ ươ ứ ể ế ế ể
viewport qua thẻ <meta>. Viewport là khu v c mà ng i dùng nhìn th y ự ườ ấ
đ c trên trang web. Khu v c này l n nh tùy theo thi t b , trên đi n tho i ượ ự ớ ỏ ế ị ệ ạ
s nh h n trên máy tính.ẽ ỏ ơ
B n nên đ a ph n t viewportạ ư ầ ử <meta> vào t t c các trang web c a mình.ấ ả ủ
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Ph n t viewportầ ử <meta> h ng d n cho trình duy t cách ki m soát kích ướ ẫ ệ ể
th c c a trang.ướ ủ
width=device-width đ t đ r ng cho trang theo đ r ng c a màn hình (tùy ặ ộ ộ ộ ộ ủ
thi t b )ế ị
initial-scale=1.0 đ t m c phóng to ban đ u khi trang đ c t i l n đ u trên ặ ứ ầ ượ ả ầ ầ
trình duy tệ
Đây là ví d v trang có dùng (bên ph i) và không dùng viewport (bên trái) ụ ề ả
trong thẻ <meta>.
Viewport giúp thi t l p đ r ng trangế ậ ộ ộ
Ph n t <script> trong HTMLầ ử
Ph n tầ ử <script> đ c dùng đ đ nh nghĩa JavaScripts phía client. Đo n ượ ể ị ở ạ
JavaScript này s vi t “Xin chào JavaScript!” vào ph n t HTML ẽ ế ầ ử
v iớ id=”memo”
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Xin chào JavaScript!";
}
</script>
Ph n t <base> trong HTMLầ ử
Ph n tầ ử <base> xác đ nh URL c b n và đích đ n c b n cho t t c các ị ơ ả ế ơ ả ấ ả
URL t ng đ i trên trang.ươ ố
<base href="https://quantrimang.com/hinhanh/" target="_blank">
Có th b <html>, <head> và <body> không?ể ỏ
Theo chu n c a HTML5, có th lo i b các thẩ ủ ể ạ ỏ ẻ <html>,
<body> và <head> mà đo n code v n h p l .ạ ẫ ợ ệ
<!DOCTYPE html>
<title>Tiêu đ trangề</title>
<h1>Tiêu đề</h1>
<p>Đo n văn.ạ</p>
Tuy v y không nên b thậ ỏ ẻ <html> và <body> vì có th khi n các ph n ể ế ầ
m m DOM hay XML b crash ho c g p l i trên các trình duy t cũ (nh ề ị ặ ặ ỗ ệ ư
IE9). Vi c b thệ ỏ ẻ <head> thì khá th ng xuyên.ườ
có thể bạn quan tâm
Tiểu luận: Tạo các phần tử HTML, định dạng các phần tử HTML bằng CSS,...
47
750
279
Kỹ thuật
47
(New)
Các phần tử trong HTML
3
744
325
Lập trình
3
(New)
Hướng dẫn chi tiết về ngôn ngữ HTML trong lập trình web
36
1.052
268
Đồ họa, thiết kế
36
(New)
Các hiệu ứng HTML cho trang web
11
2.402
421
Tài liệu CNTT khác
11
(New)
Những điều cần biết về HTML
102
798
410
Lập trình
102
(New)
Công cụ soạn thảo HTML miễn phí tốt nhất cho Windows 2018
10
1.177
263
Lập trình
10
(New)
Một số vấn đề lí luận chung về quan hệ phân phối và thực trạng quan hệ...
30
824
281
Kinh tế quản lý
30
(New)
Xem ảnh hưởng của nồng độ chế phẩm Openamix – LSC và Trichoderma lên k...
50
683
287
Khoa học tự nhiên
50
(New)
thông tin tài liệu
Trong HTML, phần tử là bộ chứa siêu dữ liệu (metadata) được đặt trong thẻ và thẻ .Siêu dữ liệu HTML là dữ liệu về tài liệu HTML và không được hiển thị.
Mở rộng để xem thêm
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
×
