Дисплаи Ноне - шта је то? Својства и употреба

Могући су случајеви када радите на развоју веб страница на којима морате сакрити одређене области или елементе из једног или другог разлога. Ове елементе можете једноставно избрисати у ХТМЛ ознаци. Али постоје случајеви када је неопходно да они остану у коду, али се из неког разлога не приказују у прозору претраживача. Да бисте задржали елемент у ХТМЛ-у, али га у исто време учинили невидљивим, треба се позвати на средства ЦСС-а.

Како сакрити елементе са ЦСС-ом

Постоје два уобичајена начина за сакривање елемента који је у ХТМЛ коду. Једна од њих је да користи својства приказа или видљивости. На први поглед ова два својства могу изгледати исто, али сваки од њих има своје особине, за које треба бити свјестан. Погледајмо ближе разлике између видљивости: скривене и приказане: ноне.

Видљивост

Прва опција скрива елемент из претраживача, али тај скривени дио кода још увијек заузима простор на веб страници. Другим речима, чини елемент невидљивим, али и даље остаје на свом месту и заузима простор који ће заузети да је видљив. Ако ставите ознаку ДИВ на страницу и користите ЦСС да бисте подесили њену величину, видљивост: скривена својства учиниће да се блок не прикаже у прозору претраживача, али ће се текст после њега понашати као да је блок још увек присутан.

То је зато што елемент остаје у потоку. Својство видљивости се користи веома ријетко и обично заједно са свим другим поставкама. Ако користите и друге ЦСС конфигурације, као што је позиционирање, можете прво да га употребите да сакријете елемент, али да бисте га могли вратити на место када лебдите курсор. Ово је једна могућа употреба својства видљивости, али јој се не приступа пречесто.

Приказ: ноне проперти и његово коришћење у ЦСС-у

За разлику од својства видљивости, која оставља елемент у стреаму, друга ЦСС својства, која се користи за сакривање елемената, омогућава вам да сакријете блок као да није тамо. За див, дисплаи ноне не ради као да потпуно уклања овај елемент из документа. Не заузима никакав простор, иако и даље остаје у ХТМЛ изворном коду. Ставка се неће појавити на вашем сајту и неће бити видљивих доказа о њеном постојању. С обзиром да ће се околни елементи сматрати празним простором и кретати се, у зависности од њихових својстава. То је зато што испада из потока. Ова својина се може успјешно примијенити или не, у зависности од намјера произвођача. У сваком случају, не треба их злоупотребљавати.

Коришћење имовине током распореда

Дизајнери изгледа често користе дисплеј: ноне својство приликом тестирања странице. То се обично дешава ако је потребно неко вријеме сакрити подручје тако да можете тестирати друге дијелове странице. У овом случају, користите дисплаи: ноне. Важно је запамтити да се ставка мора вратити на страницу прије него што је страница заиста покренута. Поента је да елемент који је уклоњен из тока помоћу овог метода постаје невидљив за претраживаче и читаче екрана, чак и ако и даље остаје у ХТМЛ ознаци.

У прошлости, овај метод је коришћен да се покуша утицати на рангирање претраживача. Али сада се ставке које нису приказане могу означити црвеном Гоогле заставом да би се видело зашто се користи овај приступ. Један од начина употребе екрана: ниједна са добробити креира сајтове са одговорним дизајном. Када пишете код за такве веб странице, често је потребно креирати елементе који су доступни за приказ само у одређеној резолуцији, али скривени за друге опције. Можете користити дисплаи: ноне у ЦСС-у да бисте сакрили овај елемент, а затим га поново укључите касније. Ово је прихватљива употреба ове имовине, јер је немогуће посумњати на словослагача у покушају да се нешто сакрије ради утицаја на претраживаче.

Мапирање својстава ЈаваСцрипт

Својство приказа је важна особина ЦСС-а, али се уобичајено користи у ЈаваСцрипту за сакривање и приказивање елемената без њиховог брисања и поновног креирања. Да бисте пребацили приказ елемента див, можете користити не само ЦСС, већ и ЈаваСцрипт. У овом случају, користи се следећи код:

. Друга опција је да користите јКуери библиотеку. Као и ЦСС дисплаи: ноне проперти за див, јКуери "хиде () метода такођер скрива одабране елементе. Скривени дијелови кода неће бити приказани уопће.

Читачи екрана и видљивост ставке

Читачи екрана, такозвани „читаоци“, мењају своје понашање када у садржају пронађу елемент који је скривен са дисплејом: ноне. Скривени садржај, по правилу, не обавештава читаоце о себи, ако атрибути ознака нису регистровани у њему. Постоје ситуације у којима програмери можда желе да визуелно сакрију садржај, али да се открију корисницима читача екрана. На пример, дизајн може захтевати двосмислене фразе, као што је „више“, где је контекст визуелно очигледан, али се може изгубити за кориснике читача екрана. Да бисте заобишли ово, програмер може да уради следеће: да напише ЦСС правило са блоком приказа или ниједним и да дода маркуп са описом овог елемента.

Проблеми са читачима екрана

Проблем је у скривању садржаја са екрана: нико не скрива садржај од корисника који читају са екрана. Да би ово заобишли, програмери су почели да позиционирају садржај користећи неколико метода, на пример, апсолутно позиционирање са специфицираном ширином и висином елемента и преливањем: скривена својства. Када се користи маркуп са описом у овом случају, контекстуалне информације се не приказују на екрану, већ се најављују корисницима читача екрана. Али ако проверавате сајтове за приступачност, најчешће постоје елементи који су погрешно скривени помоћу екрана: ноне проперти. Најчешћи примери су везе дизајниране да помогну корисницима тастатуре и читача екрана. Иронија је у томе што ове добре намере бледе и чине везе бескорисним због употребе екрана: ниједна.

Основна правила за решавање проблема приступачности

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

Ево неколико правила која би требало да помогну да се одреди када и како визуелно сакрити елементе:

1. Ако је потребно визуално сакрити садржај, али га оставити доступним за читачке програме, немојте га користити за приказ текста: ноне.
2. Ако садржај који скривате може бити користан само за кориснике који користе читаче екрана, размислите о томе да ли желите да га сакријете. Ако се и даље одлучите да га сакријете, пазите да постане видљива приликом фокусирања.
3. Ако желите да привремено сакријете нешто и прикажете га као резултат интеракције са корисником, прикажите: ништа не може бити само оно што вам је потребно. Важан фактор у овом случају је да, пошто ћете употребити ЈаваСцрипт да бисте садржај учинили видљивим промјеном вриједности својства приказа, морате имати на уму да ћете га морати сакрити и за кориснике који немају ЈС.

Када радите са визуелизацијом садржаја, све се своди на схватање да приказ: ништа не крије садржај од свих који користе ЦСС за претраживач.