Az ingatlan a CSS „display: none”

Cascading Style Sheets (CSS) lehetővé teszi, hogy megszervezzék a megjelenés és design a weboldal. Az egyik leggyakrabban használt tulajdonság és annak értékeit a „display: none”.

Jellemzőinek meghatározása

Maga az ingatlan egy többfunkciós, és meghatározza, hogy milyen típusú a kijelző elem a dokumentumban. Attól függően, hogy az adott értékek kiválasztott oldal megjelenítése a blokk része, lineárisan, mint az elemek listáját részeként az asztalra, és így tovább. D. miatt tehát az ingatlan „display”, típusát módosíthatja a blokk a dokumentumban.

Ami a csomag „az ingatlan értéke display: none”, ez lehetővé teszi, hogy töröl egy elemet, vagy egy blokk a dokumentumot. Ugyanitt darab alatt az oldal nem fenntartott, ami azt jelenti, hogy kiesik a patak. Minden elem, hogy túl vannak a „távoli”, egyszerűen nem látni, és figyelmen kívül hagyja a méretét és pozícióját az egység. Ahhoz, hogy visszatérjen egy rejtett tárgy, meg kell utalni a dokumentumhoz szkriptek egyszerűen változtatni az értéket a tulajdonságok a kívánt formátumban. Amikor ez megtörténik, automatikusan formázza az oldalt az új tárgyat.

A különbség a tulajdonságok „display” és a „láthatóság”

Annak ellenére, hogy ennek eredményeként a két ingatlan elrejteni elemeket a felhasználót, működési elve egészen más. Mint már említettük, a paraméter „display: none” eltávolítja az elemet a dokumentumban. A blokk kiesik az oldalon, így nem zajlik benne. Ebben az esetben a tárgy még mindig a HTML-kódot.

Másfelől, a tulajdon „visibility: hidden” elrejti az elem a felhasználó, de nem távolítja el azt a dokumentumot modell. Így az oldal fenntartott helyét ebben a blokkban. Ez a dokumentum áramlási elfogadja, és megvizsgálja a helye és mérete egy elem tulajdonság „visibility: hidden” pontosan ugyanúgy nélkül.

Ez a különbség a szervezeti struktúra a dokumentum a két tulajdonság lehetővé teszi, hogy a kívánt eredmény eléréséhez a helyes megjelenítés.

A CSS - display: none

Internet dokumentum számos módon tulajdonságok meghatározása céljából az elem. Az első display: none lehet felírni egy külön fájlban Cascading Style Sheets. Ez a módszer a legfejlettebb és a legjobb, mert lehetővé teszi, hogy az összes szelektor, osztályok és tulajdonságaik egy külön dokumentumban. Egy ilyen modell lehetővé teszi, hogy gyorsan megtalálja és módosíthatja beállításait.

A dokumentum fejlécében

A második kiviteli célja, hogy meghatározza stílusok között a dokumentum címét szerű tag. A hatékony ez a módszer sokkal kevesebb. Javasoljuk, hogy csak azokra a szélsőséges esetekben, mint a jelenléte nagy számú stílusok olvashatóság weboldalak designer is jelentősen romlik. És ez vezet a hibák és lassítja a folyamat kialakulásának web dokumentum. Ez a megközelítés csak akkor ajánlott, abban az esetben, felveszi a címkét kisszámú stílusok, vagy hibakeresés eszköz.

Tartsuk szem előtt, hogy ha ez a módja a szervező stílusok a dokumentum kevesebb mint egy külön stíluslap import, az egymást átfedő tulajdonságok felülírják azokat, amelyek a szervezetben a dokumentum html.

Blokk div. Display: none

Egy másik módja, hogy adjunk közvetlenül a tag „style = display: none;” kódelemtől. Ez a megközelítés gyakran használják, ha dolgozik, különböző kereteket, amelynek célja - csökkenti a számos funkció közvetlenül a stíluslapot, és megjeleníti őket a web dokumentum. Ezen kívül egy ilyen rekord gyakran, amikor nézi „kód ellenőrök” oldalon. Fontos megjegyezni, hogy ezt a módszert meg lehet változtatni a tulajdon és előírt érték a stíluslapot. Tehát legyen óvatos, ennek eredményeként, akkor további problémákat vetnek fel maguknak, és eltölteni egy kis időt, hogy megtalálja, és a hibák kijavítása az oldalon kódot.

JavaScript

Azt is érdemes megemlíteni a lehetőséget a további változások az ingatlan. Arra utal, hogy többé nem a stíluslap és html-kódot, és egy programozási nyelv. Ezért alkalmazni szükséges, hogy legalább némi tudást ezen a területen. Annak érdekében, hogy távolítsa el az elemet a dokumentumban áramlás, akkor használja a JavaScript tulajdonság „display = none”. Ez lehetővé teszi, hogy módosítsa a dokumentum szerkezete, amikor egy bizonyos esemény. Emellett segítségével a szkriptek dinamikusan ( „on the fly”) a paraméter módosításához tulajdonságait, és ezáltal a nézet frissítésekor az oldal anélkül, hogy újra. Ez a megközelítés hasznos, ha szervezése legördülő menük, modális ablakok és formák.

SEO

A területen az optimalizálása webtartalom keresők, sok babonák és bizonytalanságok. Tehát sok kezdő SEO használatát fontolóra tulajdonságok „display” rossz modor. Ők magyarázzák ezt az a tény, hogy a keresők látni a rejtett tartalmat, kezd úgy, ahogyan az oldal spam. Az ő szavai, van némi logika, de mást nem. Ebben az időpontban a tulajdonában elrejtett tárgyakat gyakran használják ahhoz, hogy formázza a legördülő menüből, és takarja le a dokumentumot, amely jelenleg nem érdekes, hogy a felhasználó (például amikor kiválaszt egy kategóriát egyéb információ törlődik). Ez a megközelítés használ egy olyan nagy teljesítményű internetes portálok (egyikük - az „Amazon”). Így keresőmotor pókok nem tudja ezt a tulajdon használatát „display: none” spam.

A másik dolog, ha ezt a megközelítést, hogy elrejtse az egyes szavakat és karaktereket. Annak ellenére, hogy most a keresőmotor pókok még nem tökéletes elismerése ilyen „spam” algoritmusok az iratok, a valószínűsége annak, hogy az oldalon lesz fogott ez, elég magas. Ezért javasoljuk, hogy használja a tulajdon „display” szigorúan a szándékolt célra -, hogy módosítsa a blokk típusa vagy átmenetileg elrejti a szemét a felhasználó.