Veb-sahifalarni ishlab chiqish ustida ishlayotganingiz kabi, ayrim sabablarga ko'ra ba'zi bir narsalarni "yashirish" kerak bo'lishi mumkin. Albatta, siz HTML- belgilaridan savollarga elementlarni olib tashlashingiz mumkin, ammo siz ularni kodda qoldirishni istasangiz-da, nima bo'lishidan qat'i nazar, brauzer ekranda ko'rsatilmasligi (va biz sabablarni ko'rib chiqamiz). buni qisqa vaqt ichida qiling). HTML-dagi elementni saqlab qo'yish uchun, lekin uni namoyish qilish uchun yashirish uchun siz CSS-ga murojaat qilasiz.
HTMLda mavjud bo'lgan elementni yashirishning eng ko'p uchraydigan usullari "displey" yoki "ko'rinadigan" uchun CSS xususiyatlaridan foydalanadi. Birinchi qarashda bu ikki xususiyat bir xil narsaga o'xshab ko'rinishi mumkin, ammo ularning har biri o'zingizdan xabardor bo'lishingiz kerak bo'lgan aniq farqlarga ega. Displey orasidagi farqlarni ko'rib chiqamiz: yo'q va ko'rinadigan: maxfiy.
Ko'rinishi
CSS xususiyatini / qiymatini ko'rish juftligini ishlatish: maxfiy element brauzerdan yashiradi. Lekin, yashirin element hali ham joy bo'shlig'ida joy oladi. Siz asosan elementni ko'rinmas holga keltirganingizdek, lekin u hali ham joyida qolmoqda va agar u yolg'iz qolgan bo'lsa, u olgan joyni egallaydi.
Agar siz sahifangizga DIV joylashtirsangiz va 100x100 piksel o'lchamlarini berish uchun CSS-dan foydalansangiz, bu ko'rinish: maxfiy mulk DIVni ekranda ko'rsatmasligi mumkin, lekin keyingi matn bu hali ham bor, shunga hurmat 100x100 oralig'ida.
Rostini aytganda, biz ko'rinadigan narsalar juda tez-tez ishlatiladigan va o'z-o'zidan emas. Agar biz shuningdek, ma'lum bir element uchun mo'ljallangan tartibga erishish uchun joylashishni aniqlash kabi boshqa CSS xususiyatlaridan foydalansak, dastlab bu elementni yashirish uchun faqatgina ko'rinishni ishlatishimiz mumkin, faqat uni "qaytib" yo'naltirishda ishlatishimiz mumkin. Bu mulkdan foydalanish mumkin bo'lgan narsa, lekin yana bir marta biz hech qanday chastotaga qaramaydigan narsa emas.
Ko'rish
Biror elementni oddiy hujjat oqimida qoldiradigan visibility xususiyati farqli o'laroq, displey: hech kim elementni hujjatdan butunlay olib tashlaydi. Bu HTML uchun hali manba kodida bo'lsa-da, u hech qanday joyni egallamaydi. Buning sababi, albatta, hujjat oqimidan olib tashlanganligi. Barcha maqsadlar va maqsadlar uchun, element yo'qoldi. Bu sizning niyatlaringizdan kelib chiqqan holda yaxshi yoki yomon narsa bo'lishi mumkin. Ushbu xususiyatni suiiste'mol qilsangiz, u sizning sahifangizga ham zarar etkazishi mumkin!
Biz sahifani sinab ko'rganda tez-tez "displey: yo'q" dan foydalanamiz. Agar biz sahifaning boshqa joylarini sinab ko'rishimiz uchun biroz vaqt "ketish" uchun maydon kerak bo'lsa, displeydan foydalanishimiz mumkin: buning uchun yo'q. Shuni esdan chiqarmaslik kerakki, elementni saytni haqiqiy ishga tushirmasidan oldin sahifaga qaytarish kerak. Buning sababi, HTML uslubida qolishi mumkin bo'lsa ham, ushbu usulda hujjat oqimidan chiqarilgan elementni qidirish motorlari yoki ekranli o'quvchilarda ko'rinmasligi. O'tmishda bu usul qidirish mexanizmi sıralamalarına ta'sir qilish uchun qora chiziqli usul sifatida ishlatilgan, shuning uchun ko'rsatilmaydigan narsalar Google uchun bu yondashuv nima uchun ishlatilganligini tekshirish uchun qizil bayroq bo'lishi mumkin.
Ko'rsatishning bir usuli: foydali bo'lmasligi va uni jonli, ishlab chiqarish veb-saytlarida qo'llashimiz, biz boshqalarga emas, balki bitta ekranning o'lchamiga tegishli elementlarga ega bo'lgan sezgir saytni yaratishda foydalanamiz. Ko'rsatgichni ishlatishingiz mumkin: hech kim bu elementni yashirmaydi va undan keyin ommaviy axborot so'rovlari bilan uni qayta yoqishi mumkin . Bu ekranning maqbul foydalanishidir: yo'q, chunki siz biron-bir sababni yashirishga harakat qilmayapsiz, lekin buni qonuniy qilish kerak.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 3/3/17 da tahrirlangan