name

HTML <meta> name atributi

❮ HTML <meta> tegi

Misol

HTML hujjatining tavsifi, kalit so‘zlari va muallifini belgilash uchun name atributidan foydalaning. Shuningdek, turli qurilmalarda sahifa o‘lchamlari va masshtabini boshqarish uchun viewport’ni belgilang:

<head>   <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 »

name atributi metama’lumot uchun nomni belgilaydi.

name atributi content atributining ma’lumoti/qiymati uchun nomni belgilaydi.

Eslatma: Agar http-equiv atributi o‘rnatilgan bo‘lsa, name atributi o‘rnatilmasligi kerak.

HTML5 veb-dizaynerlarga viewport (veb-sahifaning foydalanuvchiga ko‘rinadigan qismi) ustidan <meta> tegi orqali nazorat qilish imkonini beruvchi usulni joriy qildi (quyidagi "Viewport’ni sozlash" misoliga qarang).


Brauzerlarda qo‘llab-quvvatlash

Atribut
name Ha Ha Ha Ha Ha

Sintaksis

<meta name="value">

Atribut qiymatlari

Qiymat Tavsif
application-name Sahifa ifodalaydigan veb-ilovaning nomini belgilaydi
author Hujjat muallifining ismini belgilaydi. Misol:
<meta name="author" content="John Doe">
description Sahifaning tavsifini belgilaydi. Qidiruv tizimlari bu tavsifni olib, qidiruv natijalarida ko‘rsatishi mumkin. Misol:
<meta name="description" content="Free web tutorials">
generator Hujjatni yaratishda foydalanilgan dasturiy paketlardan birini belgilaydi (qo‘lda yozilgan sahifalarda ishlatilmaydi). Misol:
<meta name="generator" content="FrontPage 4.0">
keywords Sahifaga tegishli kalit so‘zlarning vergul bilan ajratilgan ro‘yxatini belgilaydi (qidiruv tizimlariga sahifa nima haqida ekanini bildiradi). Misol:
<meta name="keywords" content="HTML, meta tag, tag reference">
viewport Viewport’ni (veb-sahifaning foydalanuvchiga ko‘rinadigan qismini) boshqaradi.

Viewport qurilmaga qarab farq qiladi va mobil telefonda kompyuter ekraniga qaraganda kichikroq bo‘ladi.

Barcha veb-sahifalaringizga quyidagi <meta> viewport elementini qo‘shishingiz kerak:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta> viewport elementi 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.



❮ HTML <meta> tegi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!