Използване на собствеността на CSS "display: none"

Каскадните стилови листове (CSS) ви позволяват да организирате външния вид и дизайна на интернет страницата. Един от най-често използваните свойства и техните стойности е "display: none".

Определение на собствеността

Самият имот е многофункционален и определявида на елемента, който се показва в документа. В зависимост от конкретните стойности избрана страница може да бъде показана частта блок, линейно, като списък с елементи като част от масата, и така нататък. D. По този начин, в резултат на собственост на "дисплей", можете да промените вида на блока в документа.

Що се отнася до пакета "показване на стойност на собственост:никой ", като ви позволява да изтриете елемент или блок от хартия. В същото място и при част от страницата не е запазено, което означава, че пада от потока. Всички елементи, които са зад" дистанционно ", просто не го виждам и не обръща внимание на размера и позицията на такава единица. за връщане на скрит обект, трябва да се отнасят до документа чрез скриптове, които просто се променят стойността на имотите в желания формат. това автоматично ще форматирате с новия обект върху него.

Разликата между свойствата "показване" и "видимост"

Въпреки факта, че в крайна сметка, и двете имоти се криятелемент от потребителя, техният принцип на работа е значително различен. Както споменахме по-горе, параметърът "display: none" напълно премахва елемента от документа. Блокът излиза от страницата, като по този начин не заема място в нея. В този случай самият обект остава в HTML кода.

От своя страна, имотът "видимост:скрита "скрива елемент от страна на потребителя, но не го премахнете от модела на документ По този начин, на страницата е запазено място в блок С други думи, потокът документ ще приеме и разгледа местоположението и размерът, който елементът с имота .." видимост: скрит "точно същото, както и без него.

Тази разлика в организацията на структурата на документа с тези две свойства ви позволява да постигнете необходимия резултат за правилното показване на страницата.

Използване на CSS - дисплей: няма

Интернет документът ви позволява да използватеняколко опции за определяне на собствеността на елемент. На първо място дисплей: никой не може да бъде регистриран в отделен файл с каскадни стилови листа. Този метод е най-усъвършенстван и правилен, тъй като ви позволява да преобразувате всички селектори, класове и техните свойства в отделен документ. Този модел прави възможно много бързо да се намерят и променят параметрите на страницата.

В заглавието на документа

Втората опция е да дефинирате стилове взаглавието на документа между стила. Ефективността на този метод е много по-малка. Препоръчително е да се прилага само в крайни случаи, когато в присъствието на голям брой стилове четливост на уеб страници дизайнер влошава значително. Това води до грешки и забавя процеса на разработване на интернет документ. Този подход се препоръчва само ако добавите малък брой стилове към този маркер или отстраняване на грешки в даден документ.

Трябва да се помни, че ако такъв методорганизацията на стиловете се намира в документа по-долу, отколкото внасянето на отделен лист с стилове, тогава пресичащите се свойства ще бъдат пренаписани от тези, които са в тялото на HTML документа.

Блок раздел. Дисплей: няма

Друг начин е да добавитедиректно в елемента на кодовия елемент "style = display: none;". Този подход често се използва при работа с различни рамки, чиято цел е да се намали броят на имотите директно в листа стил и да се покаже в самия интернет документ. Освен това, такъв запис често се случва при гледане на страницата "код инспектор". Важно е да запомните, че при използването на този подход можете да промените свойството и неговата стойност, които са посочени в стиловия лист. Следователно, трябва да внимавате, в резултат на което можете да създадете допълнителни проблеми за себе си и да прекарате известно време в търсене и коригиране на грешки в кода на страницата.

JavaScript

Заслужава си да се спомене и допълнителнотовъзможността за промяна на тази собственост. Не се отнася за стиловия лист и HTML кода, а за езика на скриптовете. Ето защо за неговото прилагане е необходимо да има поне някои познания в тази област. За да премахнете елемент от потока от документи, можете да използвате свойството JavaScript "display = none". Той ви позволява да промените структурата на документ, когато възникне определено събитие. Също така, благодарение на използването на скриптове, можете динамично ("в движение") да промените параметъра на свойствата и по този начин да актуализирате изгледа на страницата, без да трябва да го рестартирате. Този подход е полезен при организирането на падащи менюта, модални прозорци и формуляри.

SEO

В областта на оптимизирането на уеб съдържание за търсенеима много суеверия и неясни моменти. Така че, много начинаещи SEOShniki считат използването на "дисплей" собственост лош начин. Те обясняват това с факта, че търсещите машини, виждайки скритото съдържание, започват да считат страницата за спам. По думите им има дял от логиката, но нищо повече. В този момент собствеността на скриване на обект се използва достатъчно често, за да форматирате падащите менюта и да скриете части от документа, които понастоящем не са интересни за потребителя (например ако е избрана една категория, информацията за другата е изтрита). Този подход се използва от доста мощни интернет портали (един от тях е "Amazon"). По този начин роботите за търсене не могат да обмислят използването на собствеността "Показване: никое" като спам.

Друго нещо е, когато се използва такъв подходскривайки отделни думи и символи. Въпреки факта, че сега търсещите роботи все още нямат перфектни алгоритми за разпознаване на такъв "спам" в документите, вероятността страницата да бъде заловен за това е доста висока. Ето защо се препоръчва използването на "дисплей" собственост стриктно за целта - да се промени типа на блока или временно да се скрие от очите на потребителя.

</ p>>