204-guruh talabasi Suvonov Sunnatbek. 2-laboratoriya ishi

204-guruh talabasi Suvonov Sunnatbek.

2-laboratoriya ishi.

5 ta class

5 ta id yaratish va teglar bilan bog‘lash.

ID va sinflar "ilgaklar"!

Bizga HTML/XHTML hujjatidagi tarkibni tasvirlash usullari kerak. 

, 

, va kabi asosiy elementlar 

ko'pincha vazifani bajaradi, lekin bizning asosiy teglar to'plamimiz sahifa elementining yoki tartib tanlovining barcha mumkin bo'lgan turlarini qamrab olmaydi. Buning uchun bizga ID va Classes kerak. Masalan 
, bu tartibsiz roʻyxatni oʻz sahifamizdagi boshqa tartibsiz roʻyxatlar bilan oʻzgartira olishimiz uchun maxsus yoʻnaltirish imkoniyatini beradi. Yoki bizning sahifamizda uni bildirish uchun tegishli teg bo'lmagan bo'lim bo'lishi mumkin, masalan, pastki ko'rsatuv, bu erda biz shunday qilishimiz mumkin: 
. Yoki yon panelimizda kontentni qandaydir tarzda ajratilgan holda saqlash uchun qutilar mavjuddir: 
.

Ushbu identifikatorlar va sinflar ularni qo'limizga olishimiz uchun belgilab qo'yishimiz kerak bo'lgan "ilgaklar". CSS selektorlar yaratishimiz va o'z uslubimizni yaratishimiz uchun kerak, lekin JavaScript kabi boshqa veb tillar ham ularga bog'liq. Lekin ularning orasidagi farq nima? IDlar noyobdir
• 
  Har bir element faqat bitta identifikatorga ega bo'lishi mumkin
  
• 
  Har bir sahifada ushbu identifikatorga ega faqat bitta element bo'lishi mumkin
  

Men bu narsalarni birinchi marta o'rganganimda, ID-ni faqat bir marta ishlatishingiz kerakligini qayta-qayta eshitdim, lekin siz darslardan qayta-qayta foydalanishingiz mumkin. Bu, asosan, bir quloqdan kirib, ikkinchisidan chiqib ketdi, chunki bu menga o'ta muhim narsadan ko'ra yaxshi “qoida”ga o'xshardi. Agar siz faqat HTML/CSS foydalanuvchisi bo'lsangiz, bunday munosabat saqlanib qolishi mumkin, chunki siz uchun ular haqiqatan ham boshqacha ish qilmaydiganga o'xshaydi.

Mana bitta: agar siz bir xil identifikatorni bir nechta elementda ishlatsangiz, kodingiz tekshiruvdan o'tmaydi. Tasdiqlash barchamiz uchun muhim bo'lishi kerak, shuning uchun buning o'zi katta ahamiyatga ega. Biz davom etar ekanmiz, o'ziga xoslikning ko'proq sabablarini ko'rib chiqamiz.
Sinflar noyob emas
• 
  Siz bir xil sinfni bir nechta elementlarda ishlatishingiz mumkin.
  
• 
  Bitta elementda bir nechta sinflardan foydalanishingiz mumkin.
  

Sahifadagi bir nechta ob'ektlarga qo'llanilishi kerak bo'lgan har qanday uslub ma'lumotlari sinf bilan bajarilishi kerak. Misol uchun, bir nechta "vidjetlar" bo'lgan sahifani olaylik:

Endi ularning har biriga bir xil uslublar to‘plamini qo‘llash uchun “vidjet” sinf nomidan ilgak sifatida foydalanishingiz mumkin. Agar sizga ulardan biri boshqasidan kattaroq bo'lishi kerak bo'lsa-chi, lekin boshqa barcha atributlarni baham ko'rsangiz nima bo'ladi? Sinflar sizni u erda qamrab olgan, chunki siz bir nechta sinflarga murojaat qilishingiz mumkin:


Bu yerda mutlaqo yangi sinf nomini qoʻyish shart emas, shunchaki sinf atributida yangi sinfni qoʻllang. Bu sinflar boʻsh joy bilan ajratilgan va koʻpchilik brauzerlar ularning istalgan sonini qoʻllab-quvvatlaydi (aslida bu minglab sinflarga oʻxshaydi, lekin sizga kerak boʻlgandan ham koʻproq).