Internet, Web 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