Можда има времена, док радите на развоју веб страница, да морате "сакрити" одређена подручја ставки из једног или другог разлога. Можете, наравно, једноставно уклонити ставке у питањима из ознаке ХТМЛ , али шта ако желите да остане у коду, али се не приказују на екрану прегледача из било ког разлога (и ми ћемо прегледати разлоге за урадите то кратко). Да бисте задржали елемент у ХТМЛ-у, али га сакривали за приказ, претворили бисте се у ЦСС.
Два најчешћа начина сакривања елемента који се налази у ХТМЛ-у би била кориштење ЦСС особина за "приказ" или "видљивост". На први поглед, ова два својства можда изгледају у великој мери исту ствар, али имају различите разлике за које бисте требали бити свесни. Хајде да погледамо разлике између приказа: ниједан и видљивост: скривени.
Видљивост
Коришћење ЦСС својства / вредности пара видљивости: скривено сакрива елемент из прегледача. међутим, тај скривени елемент и даље заузима простор у распореду. Као да сте основно учинили елемент невидљивим, али то и даље остаје на месту и заузима простор који би се требао покупити ако је остао сам.
Ако поставите ДИВ на вашу страницу и користите ЦСС да бисте му дали димензије за преузимање 100к100 пиксела, видљивост: скривена својина ће учинити да ДИВ не буде приказан на екрану, али текст који следи ће се понашати као да је још увијек тамо, поштујући то Размак 100к100.
Искрено, имовина видљивости није нешто што смо често користили, а свакако не сами. Ако такође користимо и друге ЦСС особине као што је позиционирање како би се постигао изглед који смо желели за одређени елемент, могли бисмо да употребљавамо видљивост да на почетку сакривамо ту ставку, само да је "окренемо" поново на лебдећу. То је једна могућа употреба ове имовине, али опет, то се не односи на било коју фреквенцију.
Приказ
За разлику од особине видљивости, која оставља елемент у нормалном протоку документа, приказује: ниједан не уклања елемент потпуно из документа. Не заузима никакав простор, иако је ХТМЛ за њега још увијек у изворном коду. То је зато што је, заиста, уклоњено из тока документа. За све намере и сврхе, ставка је нестала. Ово може бити добра ствар или лоша ствар, зависно од тога шта су ваше намјере. Такође може бити штетно за вашу страницу ако злоупотребите ову имовину!
Често користимо "дисплаи: ноне" приликом тестирања странице. Ако нам треба неко подручје за "одлазак" за мало док не можемо тестирати друга подручја странице, можемо користити екран: ниједан за то. Међутим, ствар коју треба запамтити је да се елемент враћа назад на страницу пре стварног лансирања тог сајта. Ово је због тога што ставка која је уклоњена из протока докумената у овом методу не виде претраживачи или читачи екрана, иако она може остати у ХТМЛ ознакама. У прошлости је овај метод кориштен као метода црно-шешира за покушај утјецаја на ранг листе претраживача, тако да се ставке које нису приказане могле представљати црвеном заставом за Гоогле да размотри зашто се тај приступ користи.
Један од начина на који нађемо приказ: ништа није корисно и гдје га користимо на живим, производним веб страницама, је када изградимо одговорну страницу која може имати елементе који су доступни за једну величину екрана, али не и за друге. Можете користити екран: ниједан да сакрије тај елемент и касније га поново укључите са медијским упити касније. Ово је прихватљива употреба дисплеја: нема, јер не покушавате да сакријете било чега због необичних разлога, али имате легитимну потребу за то.
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард 17.3.17