<meta>
Misol
HTML hujjatidagi metama’lumotlarni tavsiflash:
<head>
<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 name="viewport" content="width=device-width, initial-scale=1.0">
</head>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<meta> tegi HTML hujjat haqidagi metama’lumotlarni belgilaydi. Metama’lumotlar — ma’lumotlar haqidagi ma’lumotlar (axborot).
<meta> teglari har doim <head> elementi ichida joylashadi va odatda belgilar to‘plami, sahifa tavsifi, kalit so‘zlar, hujjat muallifi va viewport sozlamalarini belgilash uchun ishlatiladi.
Metama’lumotlar sahifada ko‘rsatilmaydi, lekin ularni mashina tahlil qila oladi.
Metama’lumotlardan brauzerlar (kontentni qanday ko‘rsatish yoki sahifani qayta yuklash uchun), qidiruv tizimlari (kalit so‘zlar) va boshqa veb-xizmatlar foydalanadi.
Veb-dizaynerlarga <meta> tegi orqali viewport (veb-sahifaning foydalanuvchiga ko‘rinadigan qismi) ustidan nazorat qilish imkonini beruvchi usul mavjud (quyidagi "Viewport’ni sozlash" misoliga qarang).
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <meta> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| charset | character_set | HTML hujjati uchun belgilar kodlanishini belgilaydi |
| content | text | http-equiv yoki name atributi bilan bog‘langan qiymatni belgilaydi |
| http-equiv | content-security-policy content-type default-style refresh |
content atributining ma’lumoti/qiymati uchun HTTP sarlavhasini taqdim etadi |
| name | application-name author description generator keywords viewport |
Metama’lumot uchun nomni belgilaydi |
Global atributlar
<meta> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Qidiruv tizimlari uchun kalit so‘zlarni belgilash:
<meta name="keywords" content="HTML, CSS, JavaScript">
Veb-sahifangiz tavsifini belgilash:
<meta name="description" content="Free Web tutorials for HTML and CSS">
Sahifa muallifini belgilash:
<meta name="author" content="John Doe">
Hujjatni har 30 soniyada yangilash:
<meta http-equiv="refresh" content="30">
Veb-saytingiz barcha qurilmalarda chiroyli ko‘rinishi uchun viewport’ni sozlash:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Viewport’ni sozlash
Viewport — veb-sahifaning foydalanuvchiga ko‘rinadigan qismi. U qurilmaga qarab farq qiladi — mobil telefonda kompyuter ekraniga qaraganda kichikroq bo‘ladi.
Barcha veb-sahifalaringizga quyidagi <meta> elementini qo‘shishingiz kerak:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Bu brauzerga sahifa o‘lchamlari va masshtabini qanday boshqarish bo‘yicha ko‘rsatmalar beradi.
width=device-width qismi sahifa kengligini qurilma ekranining kengligiga moslab o‘rnatadi (u qurilmaga qarab farq qiladi).
initial-scale=1.0 qismi sahifa brauzer tomonidan birinchi marta yuklanganda boshlang‘ich masshtab darajasini o‘rnatadi.
Quyida viewport meta tegi bo‘lmagan veb-sahifa hamda viewport meta tegi bo‘lgan xuddi shu veb-sahifa misoli keltirilgan:
Maslahat: Agar bu sahifani telefon yoki planshetda ko‘rayotgan bo‘lsangiz, farqni ko‘rish uchun quyidagi ikki havolani bosishingiz mumkin.
Viewport haqida Moslashuvchan veb-dizayn — Viewport darsligimizda ko‘proq o‘qishingiz mumkin.
Tegishli sahifalar
HTML darsligi: HTML Head
HTML DOM ma’lumotnomasi: Meta obyekti
Standart CSS sozlamalari
Yo‘q.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!