InternetWeb design

Pomocí vlastnosti CSS „display: none“

Kaskádové styly (CSS) umožňují organizovat vzhled a design webové stránky. Jedním z nejčastěji používaných vlastností a jejich hodnot je „display: none“.

Stanovení vlastností

Vlastnost sama o sobě je víceúčelový a určuje typ zobrazovacího prvku v dokumentu. V závislosti na konkrétních hodnotách vybraná stránka může být zobrazena blokovou část, lineárně, jako seznam položek v rámci tabulky, a tak dále. D. Tak, vzhledem k majetku „displej“, můžete změnit typ bloku v dokumentu.

Pokud jde o „hodnoty nemovitosti display: none“ svazku, která vám umožní odstranit položku nebo blok dokumentu. Na stejném místě pod kusem stránky není rezervována, což znamená, že vypadne z potoka. Všechny prvky, které jsou nad rámec „remote“, prostě to neviděl a ignorovat velikost a umístění jednotky. Pro návrat skrytý objekt, je třeba odkázat na dokument pomocí skriptů, které jednoduše změnit hodnotu vlastnosti na požadovaný formát. Když se to stane automaticky formátovat stránku s novým objektem na něm.

Rozdíl mezi vlastnostmi „displej“ a „viditelnosti“

Navzdory skutečnosti, že v důsledku obou vlastností skrýt položky z uživatele, jejich princip činnosti je zcela odlišný. Jak již bylo zmíněno výše, parametr „display: none“ odstraní prvek z dokumentu. Blok vypadne stránky, tedy neprobíhá v něm. V tomto případě je objekt stále zůstává v HTML kódu.

Na druhé straně, je vlastnost „visibility: hidden“ skrývá prvek ze strany uživatele, ale nenahrazuje ho odstranit z modelu dokumentu. To znamená, že strana je vyhrazeno místo v tomto bloku. To znamená, že tok dokument bude přijímat a zvážit umístění a velikost prvku s nemovitostmi „visibility: hidden“ přesně stejným způsobem, aniž by to.

Tento rozdíl je organizační struktura dokumentu, tyto dvě vlastnosti umožňují dosáhnout požadovaného výsledku pro správné zobrazení stránky.

Pomocí CSS - display: none

Internet dokument existuje několik způsobů, jak zjistit vlastnosti prvku. První display: none může být stanovena v samostatném souboru pro kaskádové styly. Tato metoda je nejpokročilejší a nejlépe, jak to umožňuje, aby všechny voliče, tříd a jejich vlastnosti v samostatném dokumentu. Takový model umožňuje rychle najít a upravit nastavení stránky.

Záhlaví dokumentu

Druhé provedení je definovat styly mezi názvem značky stylu dokumentu. Účinnost této metody je mnohem méně. Doporučuje se použije pouze v krajních případech, jako je tomu v přítomnosti velkého množství stylů čitelnost webových stránek designéra výrazně zhoršuje. A to vede k chybám a zpomalit proces rozvoje webový dokument. Tento postup se doporučuje pouze v případě přidání značky k malému množství stylů a ladění nástroje.

Mějte na paměti, že pokud tento způsob organizace stylů v dokumentu je méně než samostatném dovoz stylů, překrývající se vlastnosti budou přepsána těmi, které jsou v těle HTML dokumentu.

Blok div. Display: none

Další možností je přidat přímo do tagu „style = display: none;“ code element. Tento přístup se často používá při práci s různými rámce, jehož účelem - snížení počtu funkcí přímo do stylů a jejich zobrazení ve webovém dokumentu. Kromě toho takový záznam je často při sledování strana „inspektoři kód“. Je důležité si uvědomit, že použití tohoto přístupu, můžete změnit vlastnost a hodnotu předepsanou v stylů. Takže byste měli být opatrní, jako výsledek, můžete vytvořit další problémy pro sebe a strávit nějaký čas na hledání a odstraňování chyb v kódu stránky.

JavaScript

Je to také stojí za zmínku možnost další změny v této nemovitosti. To se odkazuje již v stylů a HTML kódu a skriptovacího jazyka. Proto, aby se aplikovat je nutné mít alespoň nějaké znalosti v této oblasti. Za účelem odstranění prvku z toku dokumentů, můžete použít vlastnost JavaScript „display = none“. To vám umožní změnit strukturu dokumentu, kdy určitá událost. Také pomocí skriptů dynamicky ( „on the fly“) ke změně vlastností parametrů a tím aktualizovat zobrazení stránky, aniž by museli znovu. Tento přístup je užitečné při organizování rozevírací menu, modálních oken a formulářů.

SEO

V oblasti optimalizace obsahu webových stránek pro vyhledávače, existuje mnoho pověr a nejistoty. Takže mnoho nováček SEO zvážit využití vlastností „Display“ špatné chování. Vysvětlují to tím, že vyhledávače vidí skrytý obsah, začne uvažovat o stránku jako spam. Ve svých slovech, tam je nějaká logika, ale nic víc. V tomto bodě v čase majetkem ukrytých předmětů používaných dost často k formátování drop-down menu a skrýt ty části dokumentu, který není v současné době předmětem zájmu uživatele (například, když vyberete kategorii dalších informací se vypouští). Tento přístup využívá dostatečně silné internetové portály (jeden z nich - „Amazon“). Tak vyhledávačů nelze uvažovat o použití vlastnost „display: none“ spam.

Další věc, když se použije tento přístup skrýt jednotlivá slova a znaky. Navzdory tomu, že nyní vyhledávačů nejsou ještě mít dokonalou uznání takových „spam“ algoritmů v dokumentech, pravděpodobnost, že stránka bude chycen v to, je poměrně vysoká. Z tohoto důvodu se doporučuje použít „displej“ vlastnost je výhradně pro svůj zamýšlený účel - změnit typ bloku nebo dočasně skrýt před zraky uživatele.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 cs.atomiyme.com. Theme powered by WordPress.