The HTML
<head>element is a container for the following elements:<title>,<style>,<meta>,<link>,<script>, and<base>.HTML
<head>элемент нь дараахь элементүүдийн агуулах юм:<title>,<style>,<meta>,<link>,<script>,<base>.
HTML <head> элемент #
<head> элемент нь мета өгөгдлийн контейнер бөгөөд <html> tag ба <body> тэмдэглэгээний хооронд байрладаг.
HTML мета өгөгдөл нь HTML баримт бичгийн тухай өгөгдөл юм. Мета өгөгдөл нь харагдахгүй.
Мета өгөгдөл нь ихэвчлэн баримт бичгийн гарчиг, тэмдэгтийн багц, хэв маяг, скрипт болон бусад мета мэдээллийг тодорхойлдог.
HTML <title> элемент #
The <title> element defines the title of the document. The title must be text-only, and it is shown in the browser’s title bar or in the page’s tab.
<title> элемент нь баримт бичгийн гарчгийг тодорхойлдог. Гарчиг нь зөвхөн текст байх ёстой бөгөөд энэ нь хөтчийн гарчгийн мөр эсвэл хуудасны цонхонд харагдана.
<title> элемент нь нэн шаардлагатай
Хуудасны гарчгийн агуулга нь хайлтын системийн оновчлол (SEO) хийхэд маш чухал юм! Хуудасны гарчгийг хайлтын системийн алгоритмууд ашиглан хайлтын үр дүнд хуудсуудыг жагсаахад гаргахад ашиглана.
<title> элемент:
- хөтөчийн хэрэгслийн самбарт гарчгийг тодорхойлдог
- хуудсанд дуртай хуудсанд нэмж оруулахад гарчгийг өгдөг
- хайлтын системийн үр дүнд хуудасны гарчгийг харуулна
Тиймээс гарчгийг аль болох үнэн зөв, утга төгөлдөр болгохыг хичээгээрэй!
Энгийн HTML баримт бичиг:
<!DOCTYPE html>
<html>
<head>
<title>A Meaningful Page Title</title>
</head>
<body>
The content of the document......
</body>
</html> <style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style> <link rel="stylesheet" href="mystyle.css"> HTML <meta> элемент #
<meta> элементийг ихэвчлэн тэмдэгтийн багц, хуудасны тайлбар, түлхүүр үгс, баримт бичгийн зохиогч, харах цонхны тохиргоог тодорхойлоход ашигладаг.
Мета өгөгдөл нь хуудсан дээр харагдахгүй боловч хөтөч (агуулгыг хэрхэн харуулах эсвэл хуудсыг дахин ачаалахад), хайлтын систем (түлхүүр үгс) болон бусад вэб үйлчилгээнд ашигладаг.
Жишээ #
Тэмдэгтийг тохируулах:
<meta charset="UTF-8">
Хайлтын системийн түлхүүр үг тохируулах:
<meta name="keywords" content="HTML, CSS, JavaScript"> Вэб хуудасны тайлбарыг бичих:
<meta name="description" content="Free Web tutorials">
Зохиогчын хуудас тохируулах:
<meta name="author" content="John Doe">
30 секунд болгон сэргээх(refresh):
<meta http-equiv="refresh" content="30">
Вэб хуудсаа бүх төхөөрөмж дээр сайн харагдуулахаар тохируулах
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta> тэмдэглэгээний жишээ:
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">
Харагдах байдалыг тохируулах #
Та<meta> элементийг бүх вэб хуудсууддаа хийх хэрэгтэй.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Энэ нь хуудасны хэмжээ, масштабыг хэрхэн хянах талаар хөтөчд зааврыг өгдөг.
width=device-width кодыг хийснээр хуудасны өргөнийг төхөөрөмжийн дэлгэцийн өргөнтэй тааруулж өөрчилнө(энэ нь төхөөрөмжөөс хамаарч өөр өөр байх болно).
initial-scale=1.0 кодыг хийснээр хөтөчөөр хуудас руу анх ачаалахад анхны томруулалтын(zoom) түвшинг тохируулдаг.
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script> HTML <base> элемент #
<base> элемент нь хуудасны бүх холбоотой URL-уудын үндсэн URL эсвэл зорилтыг тодорхойлдог.
<base>тэмдэглэгээ нь href эсвэл target шинж чанартай байх ёстой, эсвэл хоёулаа агуулагдсан байх ёстой.
бичиг баримт дотор зөвхөн ганц <base> тэмдэглэгээ байна
Жишээ #
Хуудсан дээрх бүх холбоосуудын үндсэн URL болон чиглэлийг тодорхойлох нь:
<head>
<base href="https://apprentice.mn/" 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> Chapter Summary #
<head>элемент бол мета өгөгдлийн контейнер (өгөгдлийн тухай өгөгдөл)<head>элемент нь мета өгөгдлийн контейнер бөгөөд<html>ба<body>тэмдэглэгээний хооронд байрладаг.<title>элемент нь баримт бичгийн гарчгийг тодорхойлдог бөгөөд бичигдэх шаардлагатай.-
<style>нэг HTML хуудасны загварын мэдээллийг тодорхойлно <link>тэмдэглэгээг ихэвчлэн гаднах хэв маягийн хуудсуудтай холбоход ашигладаг<meta>элементийг ихэвчлэн тэмдэгтийн багц, хуудасны тайлбар, түлхүүр үгс, баримт бичгийн зохиогч, харах цонхны тохиргоог тодорхойлоход ашигладаг.-
<script>элемент нь client-side JavaScripts-ийг илэрхийлнэ. -
<base>элемент нь хуудасны бүх холбоотой URL-уудын үндсэн URL эсвэл чиглэлийг тодорхойлдог.
