Გამოყენებით CSS ქონების "ჩვენება: არცერთი"

Cascading სტილების (CSS) გაძლევთ საშუალებას ორგანიზება გამოჩენა და დიზაინი ვებ გვერდზე. ერთ-ერთი ყველაზე ხშირად გამოყენებული თვისება და მისი ღირებულებაა "ჩვენება: არა".

ქონების განმარტება

საკუთრება არის მრავალმხრივი და განსაზღვრავს დოკუმენტში ელემენტის ჩვენების ტიპი. შერჩეული მნიშვნელობის მიხედვით, გვერდის ცალკეული მონაკვეთი შეიძლება გამოიკვეთოს ბლოკ-ბრძნული, ხაზოვანი, როგორც სიის ელემენტი, როგორც მაგიდის ნაწილი და ა.შ. ამდენად, "ჩვენების" ქონების წყალობით, შეგიძლიათ შეცვალოთ ბლოკის ტიპი დოკუმენტში.

რაც შეეხება "საკუთრების ღირებულების ჩვენებას: არცერთს", ეს საშუალებას გაძლევთ ამოიღოთ ელემენტის ან დაბლოკვის დოკუმენტი. ამ შემთხვევაში, ამ ნაწილის ადგილი არ არის დაცული, ანუ, ის ამოდის ნაკადს. ყველა ელემენტი, რომლებიც "დისტანციურად" ჩამორჩებიან, უბრალოდ ვერ ხედავენ და იგნორირებას უკეთებენ ამ ბლოკის ზომას და პოზიციას. ფარული ობიექტის დასაბრუნებლად საჭიროა დოკუმენტში მითითება სკრიპტებით, რომლითაც უბრალოდ შეცვლის ღირებულებას საკუთრების ფორმატში. ეს ავტომატურად ქმნის გვერდზე ახალ ობიექტს.

განსხვავება "ჩვენება" და "ხილვადობა" თვისებები

მიუხედავად იმისა, რომ საბოლოო ჯამში, ორივე თვისებები დამალული ელემენტის მომხმარებელიდან, მათი პრინციპი ოპერაცია მნიშვნელოვნად განსხვავდება. როგორც ზემოთ აღვნიშნეთ, "ჩვენება: არცერთი" პარამეტრი მთლიანად შლის ელემენტს დოკუმენტისგან. ბლოკი გამოდის გვერდიდან, რითაც არ არის ადგილი მის ადგილას. ამ შემთხვევაში ობიექტი რჩება HTML- კოდით.

თავის მხრივ, "ხილვადობა: ფარული" ქონება მალავს ელემენტს მომხმარებლისგან, მაგრამ არ ამოიღებს დოკუმენტის მოდელისგან. ამრიგად, გვერდზე არის ბლოკირებული ადგილი. ანუ, დოკუმენტის ნაკადი აღიქვამს და გაითვალისწინებს ელემენტის ადგილმდებარეობასა და ზომებს "ხილვადობა: ფარული" ქონების ზუსტად ისე, როგორც მის გარეშე.

ეს განსხვავება ამ ორ თვისებასთან დოკუმენტის სტრუქტურის ორგანიზებაში საშუალებას გაძლევთ მიიღოთ საჭირო შედეგი გვერდზე სწორი შედეგის მისაღწევად.

გამოყენება CSS - ჩვენება: არა

ინტერნეტ დოკუმენტი საშუალებას გაძლევთ გამოიყენოთ რამოდენიმე ვარიანტი ელემენტის ქონების განსაზღვრისათვის. უპირველეს ყოვლისა: არ შეიძლება რეგისტრირებული ცალკეული ფაილების კასკადური სტილების. ეს მეთოდი არის ყველაზე მოწინავე და სწორი, რადგან იგი საშუალებას გაძლევთ გაითვალისწინოთ ყველა სელექტორი, კლასები და მათი თვისებები ცალკე დოკუმენტში. ასეთი მოდელი საშუალებას იძლევა ძალიან სწრაფად მოძებნოთ და შეცვალოს გვერდი პარამეტრები.

დოკუმენტის სათაურში

მეორე ვარიანტი არის სტილის განსაზღვრის სტილის განსაზღვრა სტილის სათაურში. ამ მეთოდის ეფექტურობა გაცილებით ნაკლებია. რეკომენდებულია გამოიყენოს იგი მხოლოდ უკიდურეს შემთხვევებში, რადგან დიდი რაოდენობით სტილის არსებობისას, ვებ-დიზაინერის მიერ წაკითხული გვერდის კითხვა მნიშვნელოვნად გაუარესდება. ეს იწვევს შეცდომებს და ანელებს ინტერნეტის დოკუმენტის შემუშავების პროცესს. ეს მიდგომა რეკომენდირებულია მხოლოდ იმ შემთხვევაში, თუ დაამატეთ სტილის მცირე რაოდენობა ამ ტეგით ან დოკუმენტის დეფუქსზე.

უნდა აღინიშნოს, რომ თუ სტილის ორგანიზების ამგვარი გზა მდებარეობს ქვემოთ მოყვანილ დოკუმენტში, ცალკე სტილის ჩამოსხმის გარდა, მაშინ გადანაწილებული თვისებები გადაეცემათ HTML დოკუმენტის ორგანოს მიერ.

ბლოკის div. ჩვენება: არა

კიდევ ერთი გზაა დაამატოთ კოდი ელემენტის ელემენტი "style = display: none". ეს მიდგომა ხშირად გამოიყენება სხვადასხვა სტრუქტურებთან მუშაობისას, რომლის მიზანია შენობების რაოდენობა შეამციროს სტილის ფურცელში და აჩვენებს მათ ინტერნეტ დოკუმენტში. გარდა ამისა, ასეთი ჩანაწერი ხშირად გვხვდება გვერდის "კოდექსის ინსპექტორის" დათვალიერებისას. მნიშვნელოვანია გვახსოვდეს, რომ ამ მიდგომის გამოყენებით შეგიძლიათ შეიცვალოს ქონება და მისი ღირებულება, რომელიც მითითებულია სტილის ფურცში. აქედან გამომდინარე, ფრთხილად უნდა იყოთ, რის შედეგადაც თქვენ შეგიძლიათ შექმნათ დამატებითი პრობლემები და გარკვეული დრო გაატაროთ გვერდის კოდის შეცდომების ძიებისა და შეცვლისათვის.

JavaScript

ასევე აღსანიშნავია ამ ქონების შეცვლის დამატებითი შესაძლებლობა. ეს არ ეხება სტილის ფურცელს და html კოდს, მაგრამ სკრიფტინგის ენაზე. ამიტომ მისი გამოყენებისათვის საჭიროა ამ სფეროში მინიმუმ გარკვეული ცოდნა. დოკუმენტის ნაკადიდან ელემენტის ამოღების მიზნით, შეგიძლიათ გამოიყენოთ JavaScript ქონება "ჩვენება = არა". ეს საშუალებას გაძლევთ შეცვალოთ დოკუმენტის სტრუქტურა, როდესაც გარკვეული მოვლენა ხდება. ასევე, სკრიპტების გამოყენების წყალობით შეგიძლიათ დინამიურად ("ფრენაზე") შეცვალონ ქონების პარამეტრი და ამით განაახლეთ გვერდზე ხელახალი გადატვირთვის გარეშე. ეს მიდგომა სასარგებლოა ჩამოსაშლელი მენიუს, მოდალური ფანჯრებისა და ფორმების ორგანიზებაში.

SEO

საძიებო სისტემების ვებ-კონტექსტის ოპტიმიზაციის სფეროში არსებობს უამრავი ცრურწმენა და გაურკვეველი რაოდენობა. ასე რომ, ბევრი ახალბედა SEOSHNIKI განიხილავს "ჩვენება" ქონების ცუდი გზით. ისინი ახსენებენ იმ ფაქტს, რომ საძიებო სისტემებმა, ფარულ შინაარსს ხედავენ, დაიწყებენ გვერდს, როგორც სპამი. მათი სიტყვები ლოგიკის წილია, მაგრამ სხვა არაფერია. ამ ეტაპზე ობიექტის დამალვის ობიექტი ხშირად გამოიყენება საკმარისი მენიუს ჩამოსაყალიბებლად და დამალვა იმ დოკუმენტის დამალვაზე, რომელიც არ არის გაკეთებული საინტერესო მომხმარებლისთვის (მაგალითად, თუ ერთი კატეგორია შეირჩევა, მეორე შესახებ ინფორმაცია წაიშლება). ეს მიდგომა საკმაოდ ძლიერი ინტერნეტ პორტალებით არის გამოყენებული (მათ შორის ერთია "Amazon"). ამდენად, ძიების რობოტები ვერ განიხილავს "ჩვენება: არცერთი" საკუთრების სპამს.

კიდევ ერთი რამ არის, როდესაც ეს მიდგომა გამოიყენება ინდივიდუალური სიტყვებისა და სიმბოლოების დასამალად. მიუხედავად იმისა, რომ ახლა ძებნა რობოტები ჯერჯერობით არ არის სრულყოფილი ალგორითმები აღიარების ასეთი "სპამი" დოკუმენტებში, ალბათობა, რომ გვერდზე იქნება დაიჭირეს ამ საკმაოდ მაღალია. ამდენად, მიზანშეწონილია გამოიყენოს "ჩვენების" ქონების გამოყენება - ბლოკის ტიპის შეცვლის ან მომხმარებლის თვალების დროებით დამალვა.