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

Cascading Style Sheets (CSS), които ви позволяват да организирате външния вид и дизайна на уеб страницата. Един от най-често използваните свойства и неговите ценности е "дисплей: няма".

Определяне на имоти

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

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

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

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

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

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

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

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

заглавната част на документа

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

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

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

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

JavaScript

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

SEO

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

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