Použití funkce CSS `display: none`

Kaskádové styly (CSS) umožňují uspořádat vzhled a design internetové stránky. Jeden z nejčastěji používaných vlastností a jeho hodnot je "display: none".

Vlastnost Definice

Samotná vlastnost je víceúčelová a určuje typ prvku zobrazený v dokumentu. V závislosti na zvolené hodnotě může být určitá část stránky zobrazena blokově po řádku, lineárně, jako položky seznamu, jako součást tabulky apod. Díky vlastnosti "zobrazení" tedy můžete změnit typ bloku v dokumentu.

Pokud jde o balíček "zobrazování vlastností-hodnota: žádný", umožňuje odebrat prvek nebo blok z dokumentu. V tomto případě není prostor pro danou část stránky vyhrazen, to znamená, že vypadne z proudu. Všechny prvky, které jsou za "vzdáleným", jednoduše nevidí a ignorují velikost a polohu takového bloku. Chcete-li vrátit skrytý objekt, musíte se obrátit na dokument skripty, které jednoduše změní hodnotu vlastnosti na požadovaný formát. Tím se automaticky naformátuje stránka s přihlédnutím k novému objektu.

Rozdíl mezi vlastnostmi "zobrazení" a "viditelnost"

Navzdory skutečnosti, že obě vlastnosti skrývají od uživatele, jejich princip fungování se výrazně liší. Jak bylo uvedeno výše, parametr "zobrazit: žádný" zcela odstraní prvek z dokumentu. Blok vypadne ze stránky, a tak nezahrnuje místo v něm. V takovém případě zůstává samotný objekt v kódu HTML.

Vlastnost "viditelnost: skrytá" naopak skrývá prvek od uživatele, ale nevyjímá ho z modelu dokumentu. Takže na stránce je pro tento blok vyhrazené místo. To znamená, že tok dokumentů vnímá a zohlední umístění a rozměry prvku s vlastností "viditelnost: skrytá" přesně tak, jako bez něj.

Tento rozdíl v organizaci struktury dokumentu s těmito dvěma vlastnostmi vám umožňuje dosáhnout potřebného výsledku pro správné zobrazení stránky.

Použití CSS - displej: žádný

Internetový dokument umožňuje určit několik vlastností k určení vlastnosti prvku. Nejprve zobrazte: žádný nemůže být registrován v samostatném souboru kaskádových stylových listů. Tato metoda je nejpokročilejší a nejsprávnější, protože umožňuje vykreslit všechny selektory, třídy a jejich vlastnosti v samostatném dokumentu. Takový model umožňuje velmi rychle najít a změnit parametry stránky.

V názvu dokumentu

Druhou možností je definovat styly v hlavičce dokumentu mezi značkami stylů. Účinnost této metody je mnohem menší. Doporučuje se jej používat pouze v extrémních případech, protože za přítomnosti velkého počtu stylů se čitelnost stránky webovým designérem výrazně zhoršuje. A to vede k chybám a zpomaluje proces vytváření internetového dokumentu. Tento přístup se doporučuje, pouze pokud k této značce přidáte malý počet stylů nebo ladíte dokument.

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. Displej: žádný

Dalším způsobem je přidat přímo k prvku prvku kódu "style = display: none;". Tento přístup se často používá při práci s různými strukturami, jejichž účelem je snížit počet vlastností přímo v listu stylů a zobrazit je v samotném internetovém dokumentu. Takový záznam se navíc často vyskytuje při prohlížení stránky "kódový inspektor". Je důležité si uvědomit, že pomocí tohoto přístupu můžete změnit vlastnost a její hodnotu, která jsou určena v listu stylů. Proto byste měli být opatrní, v důsledku toho můžete vytvořit další problémy pro sebe a strávit nějaký čas hledat a opravovat chyby v kódu stránky.

jаvascript

Za zmínku stojí také další možnost změny této vlastnosti. Neplatí pro styly a html kód, ale pro skriptovací jazyk. Proto je pro její aplikaci nezbytné mít alespoň některé znalosti v této oblasti. Chcete-li odebrat prvek ze streamu dokumentu, můžete použít vlastnost jаvascript "display = none". Umožňuje změnit strukturu dokumentu, když nastane určitá událost. Také díky použití skriptů můžete dynamicky ("za běhu") změnit parametr vlastností a tím aktualizovat zobrazení stránky bez nutnosti restartování. Tento přístup je užitečný při organizaci drop-down menu, modálních oken a formulářů.

SEO

V oblasti optimalizace webového obsahu pro vyhledávače existuje spousta pověr a nejasných bodů. Takže mnoho nováčiků SEOShniki považuje použití vlastnosti "zobrazení" za špatný způsob. Vysvětlují to tím, že vyhledávače, které vidí skrytý obsah, začnou považovat stránku za spam. Podle jejich slov existuje podíl logiky, ale nic víc. V tomto okamžiku je vlastnost skrývání objektu často použita k formátování rozbalovacích nabídek a skrytí částí dokumentu, které nejsou pro uživatele aktuálně zajímavé (například pokud je vybrána jedna kategorie, informace o druhém se vymažou). Tento přístup využívají poměrně silné internetové portály (jedna z nich je "Amazon"). Tímto způsobem, vyhledávací roboty nemůže považovat vlastnost "zobrazit: žádný" za spam.

Další věc je, když se tento přístup používá ke skrytí jednotlivých slov a symbolů. Navzdory skutečnosti, že vyhledávací roboty zatím nemají perfektní algoritmy pro rozpoznávání takového "spamu" v dokumentech, je pravděpodobné, že stránka bude zachycena, je poměrně vysoká. Proto se doporučuje použít pro zobrazení "vlastnost" zobrazení - pro změnu typu bloku nebo pro dočasné skrytí z očí uživatele.