Користење на својствата на CSS за "display: none"

Cascading Style Sheets (CSS), ќе ви овозможи да се организира на изгледот и дизајнот на веб-страница. Еден од најчесто користените својства и нејзините вредности се "display: none".

Одредување на својства

На имотот себе е мулти-цел и го одредува типот на елемент на екранот во документот. Во зависност од специфични вредности избраната страница може да се прикаже делот блок, линеарно, како и листа на предмети, како дел од табелата, и така натаму. Д. Така, поради сопственост на "екранот", може да го промени видот на блок во документот.

Како и за "вредноста на имотот на прикажување: ништо" пакет, тоа ви овозможува да го избришете ставка или блок на документот. На истото место под парче страница не е резервирана, што значи дека тоа е надвор од потокот. Сите елементи кои се надвор од "далечинско", едноставно не го гледаат и да го игнорира големината и позицијата на единицата. За да се вратите скриен предмет, ќе мора да се однесува на документот преку скрипти кои едноставно промена на вредноста на имотот на саканиот формат. Кога ова се случува автоматски формат на страницата со новиот објект на него.

Разликата помеѓу својствата "екран" и "видливост"

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

За возврат, сопственост "Видливост: скриени" на крие елемент од страна на корисникот, но не го отстраните од моделот на документот. Така, на страницата се задржани место во овој блок. Тоа е, протокот на документот ќе го прифати и сметаат дека локацијата и големината на елемент со имот "Видливост: скриени" токму на ист начин без неа.

Оваа разлика е организациона структура на документот овие две својства, прави можно да се постигне посакуваниот резултат за прикажување на точни страница.

Користење на CSS - приказ: никој

Интернет документ постојат неколку начини за да се утврди својства на елементот. Првиот екран: никој не може да биде пропишано со посебен фајл за Cascading Style Sheets. Овој метод е најнапредна и најдобрите, како што ви овозможува да направите сите селектори, класи и нивните имоти во посебен документ. Таквиот модел ви овозможува брзо да се најде и да ги промените прилагодувањата страница.

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

На вториот олицетворение е да се дефинираат стилови меѓу насловот тагови документот стил. Ефективноста на овој метод е многу помалку. Се препорачува да се применува само во екстремни случаи, како и во присуство на голем број на стилови читливост на веб страници дизајнер влошува значително. И ова води до грешки и го успори процесот на развој на веб документ. Овој пристап се препорачува само во случај на додавање на тагот на мал број на стилови или дебагирање инструмент.

Имајте на ум дека ако овој начин на организирање на стилови во документот е помалку од посебен увоз стил на состојба, се преклопуваат својства ќе бидат препишани од страна на оние кои се во телото на HTML документот.

Забрани div. Екран: никој

Друг начин е да се додаде директно на етикетата "style = екранот: никој," Кодот елемент. Овој пристап е често се користи кога се работи со различни рамки, чија цел - намалување на бројот на функции директно во интерфејс и прикажување на нив во веб документ. Покрај тоа, како што е рекорд е често кога гледа "код инспектори" страница. Важно е да се запамети дека со користење на овој пристап, можете да го промените имот и вредноста пропишана во интерфејс. Значи треба да се биде внимателен, како резултат на тоа, може да се создаде дополнителни проблеми за себе и да помине извесно време за наоѓање и одредување грешки во кодот на страницата.

Го вклучите Javascript-

Тоа е исто така вреди да се спомене можноста за понатамошни промени во овој имот. Тоа веќе не се однесува на интерфејс и HTML-код и јазик за скриптирање. Затоа, да се примени тоа е потребно да се има барем некои познавања од оваа област. Со цел да се отстрани елементот од протокот на документи, можете да го користите JavaScript имот "екран = нема". Тоа ви овозможува да се промени структурата на документот кога одреден настан. Исто така, преку употреба на скриптите да динамички ( "во лет") да ги менувате својствата на параметарот, а со тоа се освежи поглед на страницата, без да ја превчитате. Овој пристап е корисен при организирањето на опаѓачкото мени, модалната прозорци и форми.

SEO

Во областа на оптимизирање на веб содржини за интернет пребарувачи, постојат многу суеверија и неизвесности. Значи, многу почетниците SEOs се разгледа употребата на својствата "display" лоши манири. Тие објаснуваат тоа со фактот дека пребарувачите се види скриената содржина, почнуваат да се разгледа на страница како spam. Во нивните зборови, постои некоја логика, но не и многу друго. Во овој момент во времето на имотот на скриени објекти се користат доволно често за да го форматирам опаѓачкото мени и кријат делови од документот, што не е во моментов на интерес на корисникот (на пример, кога ќе изберете категорија на други податоци се избришани). Овој пристап се користи доволно моќна интернет портали (еден од нив - на "Амазон"). Така, пребарувач пајаци не може да сметаат на користењето на имотот "display: none" спам.

Друга работа, кога овој пристап се користи за да се скрие поединечни зборови и знаци. И покрај фактот дека сега на пребарувачот пајаци сеуште не ги имаат совршен признавање како "спам" алгоритми во документите, веројатноста дека страницата ќе бидат фатени во тоа, е доста висока. Затоа се препорачува да се користи "екран" имотот е строго за наменетата цел - да го промени видот на блок или привремено да се скрие од очите на корисникот.