Môžu nastať situácie, keď sa pracuje na vývoji webových stránok, kde chcete skryť určité oblasti alebo položky z akéhokoľvek dôvodu. Tieto položky môžete jednoducho odstrániť v značke HTML. Ale tam sú časy, kedy je nutné, aby zostali v kóde, ale nezobrazí sa v okne prehliadača z nejakého dôvodu. Ak chcete uložiť položku do HTML, ale urobiť ju neviditeľnou, mali by ste sa pozrieť na nástroje CSS.

Ako skryť prvkov pomocou CSS

Existujú dva najbežnejší spôsob, ako skryť položku, ktorá je v HTML kóde. Jedným z nich je použitie vlastností displeja alebo viditeľnosti. Na prvý pohľad sa tieto dve vlastnosti môžu zdajú byť rovnaké, ale každý má svoje vlastné vlastnosti, ktoré by ste mali vedieť. Pozrime sa bližšie na rozdiely medzi viditeľnosťou: skryté a zobrazenie: žiadne.

zmenou vlastnosti viditeľnosti

Prvý variant skrýva prvok prehliadača, ale skrytá časť kódu stále prebieha na webovej stránke. Inými slovami, to je prvok neviditeľné, ale stále zostáva na svojom mieste a zaberá priestor, ktorý je obsadený bol viditeľný. Ak umiestnite tag div na stránke a použitia CSS, aby sa ho spýtal na veľkosť, viditeľnosť pozemku: skrytý tomu, že jednotka nebude zobrazený v okne prehliadača a text potom, čo sa bude správať, ako keby tento blok je stále prítomná. Je to preto, že položka zostáva v prúde. Objekt používa viditeľnosť pomerne zriedka azvyčajne s inými nastaveniami. Ak máte použiť aj iné konfigurácie, CSS, ako je umiestnenie, môžete najprv použiť ho skryť položku, ale aby bolo možné priviesť ju späť na svoje miesto, keď je kurzor myši. Toto je jedno z možných spôsobov využitia vlastnosti viditeľnosti, ale nie je pre ňu adresované príliš často.

sa na displeji vlastnosť: none a jej využitie v CSS

Na rozdiel od vlastností viditeľnosti, ktorý opúšťa položku v prúde, druhá vlastnosť CSS, ktorý sa používa pre skrytie prvkov umožňuje skryť blok, ako keby sa to stalo , Pre div, zobrazenie žiadny nefunguje tak, akoby úplne odstránil prvok z dokumentu. Nezahŕňa žiadny priestor, hoci zdrojový kód HTML zostáva. Položka sa na vašom webe nezobrazí a nebude existovať žiadny dôkaz o jej existencii. Vzhľadom k tomu, že okolité prvky budú považovať za prázdny priestor a posun v závislosti od vlastných vlastností. Je to preto, že vypadne z prúdu. Táto vlastnosť môže byť úspešne použitá alebo nie, v závislosti od zámerov plotra. V žiadnom prípade by sa nemalo zneužívať.

Použitie vlastností rozloženia

Plotre často používajú displej: žiadna funkcia pri testovaní stránky. To je zvyčajne v prípade, že niektoré oblasti musia byť skryté na určitý čas, aby mohli byť testované ďalšie oblasti stránky. V tomto prípade použite zobrazenie: žiadne. Je dôležité mať na pamäti, že položka by sa mala vrátiť na stránku skôrskutočné miesto štartu. Skutočnosť, že prvok, ktorý je odstránený z prúdu pomocou tejto metódy, stáva sa neviditeľným do vyhľadávačov a čítačky, aj keď zostane v HTML značky.
V minulosti bola táto metóda bola použitá k pokusu ovplyvniť rebríčku vo vyhľadávačoch. Ale teraz prvky nie sú zobrazené, môže byť označený červenou zástavkou Google, aby pochopili, prečo používať tento prístup. Jedným zo spôsobov, ako užitočne použiť display: none - vytvorenie webovej stránky s citlivým dizajnom. Pri písaní kódu pre tieto webové stránky je často nutné vytvoriť položky, ktoré sú k dispozícii pre zobrazenie iba určité riešenie, ale iné možnosti sú skryté. Môžete použiť display: none v CSS, skryť položku, a potom ho znova zapnite neskôr. Je prijateľné, aby túto vlastnosť použiť, pretože nemožno podozrivý makier v snahe zakryť niečo vplyv na hodnotenie vyhľadávačov.

Display javascript vlastnosti

displej Property je dôležitým rysom CSS, ale to je bežne používané javascript skryť a zobrazovaných informácií bez odstránenia a re-vznik. Pre prepnutie zobrazenie prvku div, možno použiť nielen CSS, ale javascript. V tomto prípade použite nasledujúci kód. Ďalšia možnosť - použiť knižnicu jQuery. Ako displej vlastnosť CSS: none div, spôsob jQuery "skryť () tiež skrýva vybrané položky Skryté.časti kódu nebude fungovať vôbec.

pre čítanie z obrazovky a viditeľnosť prvkov

pre čítanie z obrazovky aplikácie, nazývané "čitateľovi" zmeniť svoje správanie, keď sa zistí, položku obsahu skrytého pomocou display: none. Skrytý obsah zvyčajne nehlási sa k čitateľom, pokiaľ nie je registrovaná atribúty označenie. Existujú situácie, kedy môžu vývojári chcú vizuálne obsah bol skrytý, ale sú vystavené užívateľa na obrazovku čitateľa. Napríklad návrh môže vyžadovať nejednoznačné frázy ako "viac", kde môže byť kontext vizuálne zrejmé, ale chýbala pre užívateľov čitateľa obrazovky. Ak chcete tento postup obísť, vývojár môže urobiť nasledovné: zápisu CSS C Displej blok alebo nič a pridať označenie opisujúce túto položku.

problémy s čítačkami obrazovky

Problém je, že skrýva obsah z displeja: none tiež skrýva obsah od ľudí, ktorí čítajú obrazovku. Pre tento postup obísť, vývojári boli umiestnené obsah pomocou niekoľkých metód, ako je absolútna polohy s požadovanú šírku a výšku predmetu a prepadom vlastnosť: skrytý. Pri použití popis značkovacieho v tomto prípade, kontextuálnej informácie sú zobrazené na obrazovke, ale vyhlásil, že používatelia obrazovky čitateľa. Ale ak kontrolovať miesta pre dostupnosť, často sú položky, ktoré sú skryté za použitia zlého zobrazenia vlastností: Žiadne. Najbežnejším príkladom je referencie, ktorá má pomôcť používateľom a klávesnicačítačky obrazovky. Ironia je, že tieto dobré úmysly odchádzajú a robia odkazy zbytočne kvôli používaniu displeja: žiadne.

Základné pravidlá pre riešenie problémov s prístupnosťou

Z dôvodu problémov s vyhľadávačmi a rôzneho vnímania informácií buďte opatrní pri používaní displeja: žiadne. To neznamená, že by ste ju nemali používať vôbec. Táto vlastnosť má mnoho vlastností, ktoré z nej prakticky nepostrádajú niektoré operácie.
Tu sú niektoré pravidlá, ktorá by mala pomôcť určiť, kedy a ako skryť prvky vizuálne

Ak chcete vizuálne skryť obsahu, ale ponechať je k dispozícii pre programy, čítačky noviniek, nepoužívajte zobrazenie textu: none.

Ak skrytý obsah môže byť užitočný len pre používateľov, ktorí používajú čítačky obrazovky, zvážte ich skrytie. Ak sa stále rozhodnete skryť, uistite sa, že je viditeľný pri zaostrovaní.

Ak chcete dočasne skryť niečo a zobraziť ho ako výsledok interakcie používateľa, zobraziť: nikto nemôže presne to, čo potrebujete. Dôležitým faktorom v tomto prípade je to preto, že čím rýchlejšie budete používať javascript, aby sa obsah viditeľný, zmena hodnoty displej-funkcií, mali by ste mať na pamäti, že sa bude musieť skrývať a používateľov, ktorí nemajú JS.

Pri vykresľovaní obsahu sa všetko dozvie, že zobrazenie: žiadny obsah skryje od kohokoľvek, kto používa prehliadač CSS.