Web dasturlash fanidan mustaqil ishi

Va bu h2 ham qizil bo'ladi.

Bugungi kunda veb-saytlardagi sinf attributes ko'pincha elementlarda ishlatiladi, chunki ular identifikatorlarning o'ziga xoslik nuqtai nazaridan ishlashlari osonroq. Mavjud HTML-sahifalarni sinfning atributlari bilan to'ldirish uchun topasiz, ularning ba'zilari hujjatda bir necha marta takrorlangan va faqatgina bir marta paydo bo'lishi mumkin bo'lgan boshqalar.

ID tanlovchilar

ID tanlagichi sizga etiket yoki boshqa HTML elementi bilan bog'lamasdan ma'lum bir uslubga nom berishga imkon beradi. Hodisalar haqidagi ma'lumotni o'z ichiga olgan HTML belgilaringizdagi bo'linishingiz borligini ayting.

Ushbu bo'limga "voqea" identifikatorini berishingiz mumkin. Agar siz ushbu bo'linishni 1 piksel keng qora chegara bilan belgilashni istasangiz, shunday ID kodini yozasiz:

#event {border: 1px qattiq # 000; }

ID tanlovchilar bilan muammo shundaki, ular HTML hujjatida takrorlanishi mumkin emas. Ular noyob bo'lishi kerak (saytingizning bir necha sahifasida bir xil identifikatordan foydalanishingiz mumkin, lekin har bir HTML hujjatida faqat bir marta foydalanishingiz mumkin). Shunday qilib, ushbu chegarani talab qiladigan 3ta voqeangiz bo'lsa, ularga "event1", "event2" va "event3" identifikatorlari va ularning har biriga uslubiy atributlarni berishingiz kerak. Shu sababli, yuqorida aytilgan "voqea" xususiyati bilan foydalanish va ularni bir vaqtning o'zida takrorlash osonroq bo'ladi.

ID identifikatorlari bilan boshqa muammo, ularning sinfning atributlaridan ko'ra ko'proq o'ziga xosligi bor. Ya'ni oldindan o'rnatilgan uslubni bekor qiluvchi CSS-ga ega bo'lishingiz kerak bo'lsa, ID larga nisbatan juda ko'p ishongan bo'lsangiz, buni qilish qiyin bo'lishi mumkin. Shu sababli ko'plab veb-ishlab chiquvchilari, agar bu qiymatni bir marta ishlatish niyatida bo'lsa ham, ularning deyarli barcha uslublari uchun kamroq o'ziga xos sinf atributlariga o'girilgan bo'lsa ham, ularni belgilashda identifikatorlardan foydalanishdan qochib ketgan.

Identifikatorlari o'ynashni boshlagan maydon - sahifa ichidagi ulanishlarni o'z ichiga olgan sahifa yaratish bo'lsangiz. Misol uchun, paralaks uslubidagi veb-saytingiz mavjud bo'lsa, u sahifaning turli qismlariga "o'tish" bilan bog'langan bir sahifadagi barcha tarkibni o'z ichiga oladi. Bu, identifikatorlari va ushbu ulanishlarni ishlatadigan matn havolalari yordamida amalga oshiriladi.

Siz # belgisi oldidagi ushbu xususiyatning havolaning href atributiga quyidagi qiymatini qo'shishingiz mumkin:

Bu havola

Chertganingizda yoki tegilganingizda, ushbu havola ushbu ID xususiyati bo'lgan sahifaning qismiga o'tadi. Agar sahifada hech qanday element bu ID qiymatini ishlatmasa, aloqa hech narsa qilmaydi.

Esda tutingki, agar siz sahifada sahifada ulanishni yaratmoqchi bo'lsangiz, ID identifikatorlaridan foydalanish talab qilinadi, ammo siz hali ham umumiy CSS uslublash maqsadlari uchun sinflarga murojaat qilishingiz mumkin. Bugungi kunda bu sahifalarni qanday qilib qayd etmoqdaman - sinf sinchkovlik bilan imkon qadar ko'proq foydalanganman va faqat CSS uchun kanca sifatida emas, balki sahifada havola sifatida harakat qilish uchun atributlarga kerakli identifikatorlarga murojaat qildim.

Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 8/9/17 yil tahrirlangan