Коришћење ЦСС својства "приказ: нема"

Каскадни листови стилова (ЦСС) омогућавају вам да организујете изглед и дизајн Интернет странице. Једно од најчешће коришћених особина и његове вредности је "дисплаи: ноне".

Дефиниција својстава

Сама својина је вишенаменска и дефинишетип приказа елемената у документу. У зависности од изабране вредности, одређени део странице може се приказивати блок-би-лине, линеарно, као ставке листе, као део табеле итд. Тако, захваљујући својству "дисплаи", можете променити врсту блока у документу.

Што се тиче пакета "дисплаи-валуе валуе: нико ", што омогућава да обришете ставку или блок папира. У исто место под комадом странице није резервисан, што значи да испадне из потока Сви елементи који су иза." даљински ", једноставно није то види и игнорише величину и положај тако јединица. да врати скривени предмет, потребно је да се односи на документ преко скрипти које једноставно мењају вредности имовине у жељеном формату. то ће аутоматски форматирати страницу са новим објектом на њему.

Разлика између карактеристика "приказа" и "видљивости"

Упркос чињеници да се на крају обоје особине скривајуелемент од корисника, принцип њиховог рада је значајно другачији. Као што је горе речено, параметар "дисплаи: ноне" у потпуности уклања елемент из документа. Блок пада са странице, тако да не заузима место у њему. У овом случају, сам објекат остаје у ХТМЛ-коду.

Заузврат, видљивост "видљивости: сакривен "крије елемент од корисника, али га не уклоните из модела докумената Дакле, страница је резервисао место у блоку Другим речима, проток документ ће прихватити и размотрити локацију и величину која елемент са имовином .." висибилити: хидден "исто, као и без њега.

Ова разлика у организацији структуре документа са ова два својства вам омогућава да постигнете неопходан резултат за правилан приказ странице.

Коришћење ЦСС-дисплеја: нема

Интернет документ вам омогућава да користитенеколико опција за одређивање својства елемента. Пре свега приказ: ниједна се не може регистровати у одвојеној датотеци каскадних листова стилова. Овај метод је најнапреднији и тачнији, јер вам омогућава да све селекторе, класе и њихове особине ставите у посебан документ. Такав модел омогућава врло брзо проналазак и промену параметара странице.

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

Друга опција је дефинисање стилованаслов документа између стилских ознака. Ефикасност ове методе је много мање. Препоручљиво је да је користите само у екстремним случајевима, пошто се са великим бројем стилова читљивост веб дизајнера значајно погоршава. И то доводи до грешака и успоравања процеса израде Интернет документа. Овај приступ препоручује се користити само у случају додавања малог броја стилова овој ознаци или дебугу документа.

Треба запамтити да ако је ова методаАко се стилови налазе у документу који је мањи од увоза одвојеног листа стилова, особине преклапања биће преписане од оних у телу хтмл документа.

Блок див. Екран: нема

Други начин је додатидиректно у таг елемент кода "стиле = дисплаи: ноне;". Овај приступ се често користи приликом рада са различитим оквирима, чија је сврха смањивање броја особина директно у стилу и приказивање у самом Интернет документу. Осим тога, такав унос се често јавља када се гледа страница "кодни инспектор". Важно је запамтити да помоћу оваквог приступа можете променити својство и његову вриједност, написану у листи стилова. Због тога, требало би да будете пажљиви, јер на крају можете сами креирати додатне проблеме и провести неко вријеме тражећи и исправљајући грешке у коду странице.

Јавасцрипт

Вредно је споменути додатакмогућност промене ове имовине. Не односи се на стилски и хтмл-код, већ на скриптни језик. Због тога, за његову примену морате имати бар нека знања из ове области. Да бисте уклонили елемент из поток документа, можете користити својство ЈаваСцрипт "дисплаи = ноне". Омогућава вам да промените структуру документа када се догоди одређени догађај. Такође, због употребе скрипти, можете динамички (на лицу) променити параметар својства и на тај начин ажурирати приказ странице без потребе за поновним учитавањем. Такав приступ је користан у организовању падајућих менија, модалних прозора и облика.

СЕО

У области оптимизације веб садржаја за претрагуаутомобили има пуно сујеверја и нејасних поена. Дакле, многи нови корисници СЕО-а размишљају да користе својство "приказа" да буду лоши. То објашњавају чињеницом да претраживачи, гледајући скривени садржај, почињу да сматрају страницу непожељном. У њиховим речима постоји мало логике, али више. У овом тренутку се објекат скривања објеката често користи за форматирање падајућих менија и сакривање делова документа који тренутно нису корисни за корисника (на примјер, ако одаберете једну категорију, подаци о другим се бришу). Овим приступом користе се прилично моћни Интернет портали (један од њих - "Амазон"). Према томе, роботи претраживача не могу размишљати да користе особину "дисплаи: ноне" као спам.

Још једна ствар када се користи овај приступСакриј појединачне речи и ликове. Упркос чињеници да сада роботи за претрагу још увек немају савршене алгоритме за препознавање таквог "спема" у документима, вјероватноћа да ће ова страница бити ухваћена на овом, је прилично висока. Зато је препоручљиво користити својство "дисплаи" строго према својој намени - да промени врсту блока или да је привремено сакрије од очију корисника.