შეიძლება დრო იყოს, როგორც თქვენ მუშაობენ ვებ გვერდების განვითარებაზე, რომ ერთ კონკრეტულ ობიექტზე ცალკეული ობიექტების "დამალვა" საჭიროა. თქვენ შეიძლება, რა თქმა უნდა, უბრალოდ ამოიღოთ პუნქტი HTML- ის მარკეტინგის კითხვებში, მაგრამ რა გინდათ, რომ ისინი დარჩნენ კოდით, მაგრამ არ გამოჩნდება ბრაუზერის ეკრანზე რაიმე მიზეზით (და ამის გაკეთება ცოტა ხნით). თქვენი HTML- ის ელემენტის შესანარჩუნებლად, მაგრამ ეკრანისთვის დამალვა, თქვენ ჩართავთ CSS- ს.
ორი ყველაზე გავრცელებული გზა დამალვა ელემენტს, რომელიც HTML იქნება გამოყენებით CSS თვისებები "ჩვენება" ან "ხილვადობა". ერთი შეხედვით, ეს ორი თვისება შეიძლება, როგორც ჩანს, დიდხანს გააკეთონ, მაგრამ თითოეულ მათგანს განსხვავებული განსხვავებები აქვს, რაც უნდა იცოდეს. მოდით შევხედოთ განსხვავებას ჩვენების შორის: არცერთი და ხილვადობა: ფარული.
ხილვადობა
გამოყენებით CSS ქონების / ღირებულების წყვილი ხილვადობა: ფარული მალავს ელემენტს ბრაუზერი. თუმცა, ფარული ელემენტი კვლავ სივრცის განლაგებას განათავსებს. ეს, როგორც წესი, გააკეთა ელემენტის უხილავი, მაგრამ მაინც რჩება ადგილი და აიღებს სივრცეს, რომ იქნებოდა მიღებული მარტო დარჩა.
თუ თქვენს გვერდზე განთავსდება DIV და გამოვიყენოთ CSS, რომ ზომები მიიღოთ 100x100 პიქსელით, ხილვადობა: დაფარული ქონება გახდის ეკრანზე არ გამოჩნდება DIV, მაგრამ ტექსტი შემდეგნაირად იმოქმედებს, როგორც ეს ჯერ კიდევ არსებობს, 100x100 ინტერვალი.
პატიოსნად, ხილვადობის ქონება არ არის ის, რაც ჩვენ ხშირად ვიყენეთ და რა თქმა უნდა არა საკუთარი. თუ ჩვენ ასევე ვიყენებთ სხვა CSS თვისებებს, როგორიცაა განლაგების მისაღწევად განლაგება გარკვეული ელემენტისთვის, ჩვენ შეგვიძლია გამოვიყენოთ ხილვადობა ამ ელემენტის თავდაპირველად, მხოლოდ "აქციოს" მასზე დაბრუნების შესახებ. ეს არის ამ ობიექტის ერთ-ერთი შესაძლო გამოყენება, მაგრამ ისიც არ არის, რომ რაღაც არ არის სიხშირისკენ.
ჩვენება
განსხვავებით ხილვადობის ქონება, რომელიც ტოვებს ელემენტს ნორმალურ დოკუმენტურ ნაკადში, ჩვენება: არცერთი შლის ელემენტს მთლიანად დოკუმენტიდან. იგი არ იღებს ნებისმიერ სივრცეს, მიუხედავად იმისა, რომ HTML ის ჯერ კიდევ კოდის. ეს იმიტომ, რომ ეს, მართლაც, ამოღებულია დოკუმენტის ნაკადიდან. ყველა განზრახვისა და მიზნისთვის, საქონელი გაქრა. ეს შეიძლება კარგი რამ იყოს ან ცუდი რამ, რაც დამოკიდებულია თქვენი განზრახვის შესახებ. მას ასევე შეიძლება დაზიანდეს თქვენი გვერდი თუ ბოროტად გამოიყენოს ეს ქონება!
ჩვენ ხშირად ვიყენებთ "ჩვენებას: არა" გვერდის ტესტირებისას. თუ ჩვენ გვჭირდება ფართობი "წასვლა" ცოტა ხნით, რომ ჩვენ შეგვიძლია შეამოწმოთ გვერდის სხვა სფეროები, ჩვენ შეგვიძლია გამოვიყენოთ ჩვენება: არცერთი. თუმცა, გახსოვდეთ, რომ ელემენტი უნდა დაუბრუნდეს იმ გვერდს, რომელიც ამ ადგილის დაწყებამდე უნდა დაბრუნდეს. ეს იმიტომ, რომ ამ მეთოდის დოკუმენტიდან ამოღებული ნივთის არ ჩანს საძიებო სისტემებში ან ეკრანის მკითხველს, მიუხედავად იმისა, რომ ეს შეიძლება დარჩეს HTML- ში. წარსულში, ეს მეთოდი გამოიყენებოდა როგორც შავი-ქუდი მეთოდით, რათა გავლენა მოახდინოს საძიებო სისტემებზე ზეგავლენის მოხდენაზე, ამიტომ ელემენტი, რომელიც არ არის ნაჩვენები, შესაძლებელია Google- ის წითელი დროშა, თუ რატომ არის გამოყენებული ეს მიდგომა.
ერთი გზა ჩვენ ვპოულობთ ჩვენებას: არ არის სასარგებლო, და სადაც ჩვენ ვიყენებთ პირდაპირ, წარმოების საიტებზე, არის ის, რომ ჩვენ ვაშენებთ საპასუხო საიტზე, რომელიც შეიძლება ჰქონდეს ელემენტები, რომლებიც ხელმისაწვდომია ერთი ჩვენების ზომაზე, მაგრამ არა სხვებისთვის. თქვენ შეგიძლიათ გამოიყენოთ ჩვენება: არავის დამალვა ეს ელემენტი და შემდეგ დააბრუნეთ მასმედიის შეკითხვებზე . ეს არის მისაღები გამოყენების ჩვენება: არა, იმიტომ, რომ თქვენ არ ცდილობენ არაფრის დამალვას რაიმე მიზეზს, მაგრამ ლეგიტიმურია ამის გაკეთება.
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 3/3/17