Inson va kompyuter interfeysi fanidan


Semantik HTML nima va nima uchun ular mahim


Download 0.72 Mb.
Pdf ko'rish
bet4/6
Sana18.06.2023
Hajmi0.72 Mb.
#1554572
1   2   3   4   5   6
Bog'liq
IVKI MURODJON AZAMOV

Semantik HTML nima va nima uchun ular mahim
Ko'p dasturchilarni HTML kodlarini ko'rganda, shunga guvoh bo'lish mumkinki,
barcha qismlari divlar orqali bajarilgan, UI tarafdan hammasi yaxshi ishlayotgan
bo'lishi mumkin, ammo bu semantik to'grimas.
w3schools.com
yozgani bo'yicha:
Semantik elementlar nafaqat dasturchilarga, balkim brovserlarga ham
tushunarli bo'ladi.
Xo'sh semantik nima degani? Tasavvur qiling, agar kitob o'qimoqchi
bo'lganingizda undagi textlar hammasi birxil formatda bo'lsa kerakli joyini topib
bilarmidingiz? Yo'q albatta, buning uchun sizga kitobni sarlavhasi, bo'limlari, sahifa
raqami va hokazolar kerak bo'ladi.
HTMLda ham xuddi shunday, bazi teglar semantik hisoblanadi h1p. Ba'zilari
esa yo'q div,

Sarlavha

Bu content qismi


Ko'rib turganingizday Sarlavha qismi div da qilinib, .header classi orqali uni sarlavha
ko'rinishiga keltirilgan. Ammo browser va qidiruv botlari buni sarlavha ekanligini
bilishmaydi.

Sarlavha




11
Bu content qismi

Ana endi nafaqat kod qisqaroq bo'ldi, endi bu kod browserlar uchun semantik to'gri
hisoblanadi, endi buni qidiruv botlari va harxil dasturlar topib biladi.

Agar siz onlayn magazin yaratmoqchi bo'lsangiz, u qidiruv tizimlarida
ravshan ko'rinib turishi juda ham muxim. Agar HTML sahifa semantik to'g'ri
to'ldirilgan bo'lsa, google mahsulotingiz haqida ko'proq ma'lumot ko'rsatadi va
tabiiyki bu ko'proq sotib oluvchilarni o'ziga jalb qiladi. Qidiruv tizimlaridan
tashqari harxil screen readerlar va chrome extensionlar ham tushunadigan bo'ladi
shunan keyin.
Ammo o'ylab qolishingiz mumkin, sarlavhada ishlatayotgan bo'lsam, va
manga bunaqa katta shriftli sarlavha kerakmas, kichikrog'ini ishlatsamchi masalan
ni. Bu ishingiz xato hisoblanadi, qidiruv tizimlari uchun asosiy sarlavha
hisoblanadi, agar sizga kichikroq shriftlisi kerak bo'lsa, ni o'ziga style berib
kichraytiring, lekin
ni o'zini o'zgartirmang. Chunki bu sarlavha teglari harxil
shriftli sarlavha ko'rsatish uchunmas, ichkari-ichkari joylashgan sarlavhalarni
belgillash uchun yaratilgan.

Download 0.72 Mb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling