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
763
284
Kỹ thuật
47
(New)
Các phần tử trong HTML
3
759
333
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.076
275
Đồ họa, thiết kế
36
(New)
Các hiệu ứng HTML cho trang web
11
2.520
430
Tài liệu CNTT khác
11
(New)
Những điều cần biết về HTML
102
813
416
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.202
270
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
862
300
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
705
292
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!
xem nhiều trong tuần
Giáo trình Quản trị học của Đại học kinh tế quốc dân
4 đề thi học sinh giỏi Toán lớp 2, có đáp án kèm theo
Mẫu slide thuyết trình về Golf
Luận văn về các tác nhân ảnh hưởng đến kết quả học tập của sinh viên chính quy trường Đại Học Kinh Tế- TP HCM
Bài tập ôn tập cuối tuần lớp 3: Tuần 21
Bài tập ôn tập cuối tuần lớp 2: Tuần 21
yêu cầu tài liệu
Giúp bạn tìm tài liệu chưa có
×
