Pomocou vlastnosti CSS "display: none"

Kaskádové štýly (CSS) umožňujú organizovať vzhľad a dizajn webovej stránky. Jedným z najčastejšie používaných vlastností a ich hodnôt je "display: none".

stanovenie vlastností

Vlastnosť sama o sebe je viacúčelový a určuje typ zobrazovacieho prvku v dokumente. V závislosti na konkrétnych hodnotách vybraná stránka môže byť zobrazená blokovú časť, lineárne, ako zoznam položiek v rámci tabuľky, a tak ďalej. D. Tak, vzhľadom k majetku "displej", môžete zmeniť typ bloku v dokumente.

Pokiaľ ide o "hodnoty nehnuteľnosti display: none" zväzku, ktorá vám umožní odstrániť položku alebo blok dokumentu. Na rovnakom mieste pod kusom stránky nie je rezervovaná, čo znamená, že vypadne z potoka. Všetky prvky, ktoré sú nad rámec "remote", proste to nevidel a ignorovať veľkosť a umiestnenie jednotky. Pre návrat skrytý objekt, treba odkázať na dokument pomocou skriptov, ktoré jednoducho zmeniť hodnotu vlastnosti na požadovaný formát. Keď sa to stane automaticky formátovať stránku s novým objektom na ňom.

Rozdiel medzi vlastnosťami "displej" a "viditeľnosti"

Napriek skutočnosti, že v dôsledku oboch vlastností skryť položky z používateľa, ich princíp činnosti je úplne odlišný. Ako už bolo spomenuté vyššie, parameter "display: none" odstráni prvok z dokumentu. Blok vypadne stránky, teda neprebieha v ňom. V tomto prípade je objekt stále zostáva v HTML kóde.

Na druhej strane, je vlastnosť "visibility: hidden" skrýva prvok zo strany užívateľa, ale nenahrádza ho odstrániť z modelu dokumentu. To znamená, že strana je vyhradené miesto v tomto bloku. To znamená, že tok dokument bude prijímať a zvážiť umiestnenie a veľkosť prvku s nehnuteľnosťami "visibility: hidden" presne rovnakým spôsobom, bez toho by to.

Tento rozdiel je organizačná štruktúra dokumentu, tieto dve vlastnosti umožňujú dosiahnuť požadovaný výsledok pre správne zobrazenie stránky.

Pomocou CSS - display: none

Internet dokument existuje niekoľko spôsobov, ako zistiť vlastnosti prvku. Prvý display: none môže byť stanovená v samostatnom súbore pre kaskádové štýly. Táto metóda je najpokročilejší a najlepšie, ako to umožňuje, aby všetky voliča, tried a ich vlastnosti v samostatnom dokumente. Takýto model umožňuje rýchlo nájsť a upraviť nastavenie stránky.

Hlavička dokumentu

Druhé prevedenie je definovať štýly medzi názvom značky štýlu dokumentu. Účinnosť tejto metódy je oveľa menej. Odporúča sa uplatňuje len v krajných prípadoch, ako je tomu v prítomnosti veľkého množstva štýlov čitateľnosť webových stránok dizajnéra výrazne zhoršuje. A to vedie k chybám a spomaliť proces rozvoja webový dokument. Tento postup sa odporúča iba v prípade pridania značky na malé množstvo štýlov a ladenie nástroja.

Majte na pamäti, že ak tento spôsob organizácie štýlov v dokumente je menej ako samostatnom dovoz štýlov, prekrývajúce sa vlastnosti budú prepísané tými, ktoré sú v tele HTML dokumente.

Blok div. Display: none

Ďalšou možnosťou je pridať priamo do tagu "style = display: none;" code element. Tento prístup sa často používa pri práci s rôznymi rámca, ktorého účelom - zníženie počtu funkcií priamo do štýlov a ich zobrazenie vo webovom dokumente. Okrem toho taký záznam je často pri sledovaní strana "inšpektori kód". Je dôležité si uvedomiť, že použitie tohto prístupu, môžete zmeniť vlastnosť a hodnotu predpísanú v štýlov. Takže by ste mali byť opatrní, ako výsledok, môžete vytvoriť ďalšie problémy pre seba a stráviť nejaký čas na hľadanie a odstraňovanie chýb v kóde stránky.

JavaScript

Je to tiež stojí za zmienku možnosť ďalšie zmeny v tejto nehnuteľnosti. To sa odkazuje už v štýlov a HTML kódu a skriptovacieho jazyka. Preto, aby sa aplikovať je nutné mať aspoň nejaké znalosti v tejto oblasti. Za účelom odstránenia prvku z toku dokumentov, môžete použiť vlastnosť JavaScript "display = none". To vám umožní zmeniť štruktúru dokumentu, kedy určitá udalosť. Aj pomocou skriptov dynamicky ( "on the fly") k zmene vlastností parametrov a tým aktualizovať zobrazenie stránky, bez toho aby museli znova. Tento prístup je užitočné pri organizovaní rozbaľovacie menu, modálnych okien a formulárov.

SEO

V oblasti optimalizácie obsahu webových stránok pre vyhľadávače, existuje mnoho povier a neistoty. Takže mnoho nováčik SEO zvážiť využitie vlastností "Display" zlé správanie. Vysvetľujú to tým, že vyhľadávače vidí skrytý obsah, začne uvažovať o stránku ako spam. Vo svojich slovách, tam je nejaká logika, ale nič viac. V tomto bode v čase majetkom ukrytých predmetov používaných dosť často k formátovanie drop-down menu a skryť tie časti dokumentu, ktorý nie je v súčasnej dobe predmetom záujmu užívateľa (napríklad, keď vyberiete kategóriu ďalších informácií sa vypúšťa). Tento prístup využíva dostatočne silné internetové portály (jeden z nich - "Amazon"). Tak vyhľadávačov nemožno uvažovať o použití vlastnosť "display: none" spam.

Ďalšia vec, keď sa použije tento prístup skryť jednotlivé slová a znaky. Napriek tomu, že teraz vyhľadávačov nie sú dosiaľ dokonalé uznanie takýchto "spam" algoritmov v dokumentoch, pravdepodobnosť, že stránka bude chytený v to, je pomerne vysoká. Z tohto dôvodu sa odporúča použiť "displej" vlastnosť je výhradne pre svoj zamýšľaný účel - zmeniť typ bloku alebo dočasne skryť pred zrakmi užívateľa.