Darsliklar HTML <head>

HTML HTML <head>

<head> — HTML hujjatining foydalanuvchiga ko’rinmaydigan, ammo brauzer va qidiruv tizimlari uchun muhim ma’lumotni saqlaydigan qism. Sahifa sarlavhasi, kodlash, CSS va JavaScript ulanishlari, SEO metama’lumotlari — bularning bari aynan <head> ichida joylashadi.

<head>sahifa haqidagi metama’lumotni (sarlavha, kodlash, ulanishlar) saqlaydigan teg. Uning kontenti sahifada bevosita ko’rinmaydi.

head ichidagi elementlar

<head> bir necha muhim tegni o’z ichiga oladi:

<head>
    <meta charset="UTF-8">
    <title>UzbekDevs — dasturlash platformasi</title>
    <meta name="description" content="Dasturlashni o'rganamiz">
    <link rel="stylesheet" href="uslub.css">
</head>
[Sahifa tabida "UzbekDevs — dasturlash platformasi" ko'rinadi]

Bu teglar sahifada bevosita ko’rinmaydi, biroq brauzer tabidagi nom (<title>), sahifa ko’rinishi (<link>) va boshqalar ular orqali boshqariladi.

head ichidagi asosiy teglar

Eng ko’p ishlatiladigan <head> elementlarini jadvalda ko’ramiz:

Teg Vazifasi
<title> brauzer tabidagi nom
<meta charset> matn kodlashi (UTF-8)
<meta description> SEO tavsifi
<link> CSS fayl ulash
<script> JavaScript ulash

title va meta

Ikki eng muhim teg — <title> va <meta>:

<head>
    <meta charset="UTF-8">
    <title>Farrux Sherkulov — dasturchi</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
[Tab nomi: "Farrux Sherkulov — dasturchi"]

<title> — brauzer tabida va qidiruv natijalarida ko’rinadigan nom. <meta charset="UTF-8"> — o’zbekcha va boshqa harflarni to’g’ri ko’rsatish uchun. <meta viewport> esa sahifani mobil qurilmalarga moslashtiradi.

Amaliy eslatma

<head> sahifaning “miyasi” — u ko’rinmasa-da, sahifaning to’g’ri ishlashini ta’minlaydi. <meta charset="UTF-8"> ni doim qo’shing, aks holda o’zbekcha matnlar noto’g’ri ko’rinishi mumkin. <meta viewport> esa mobil moslashuv uchun zarur. Bu ikki teg har bir zamonaviy sahifada bo’lishi shart.

Xulosa

Bu bo’limda <head> tegini, uning ichidagi asosiy elementlarni (<title>, <meta>, <link>), ularning vazifalarini va muhim metama’lumotlarni ko’rib chiqdik. <head> — sahifaning ko’rinmas, ammo hayotiy qismi. Keyingi darsda <header> tegiga o’tamiz.