A CSS tulajdonság használata "display: none"

A CSS stíluslapok (CSS) lehetővé teszik az internetes oldal megjelenését és kialakítását. Az egyik leggyakrabban használt tulajdonság és értékei "display: none".

Tulajdonság meghatározása

Maga az ingatlan többcélú és meghatározzaaz elem megjelenítésének típusa a dokumentumban. A kijelölt értéktől függően az oldal egy bizonyos része line-by-line módon jeleníthető meg, listaelemekként egy táblázat részeként stb. Így a "display" tulajdonságnak köszönhetően megváltoztathatja a blokk típusát a dokumentumban.

Ami a köteg "tulajdonság-érték kijelző: none „ez lehetővé teszi, hogy töröl egy elemet, vagy egy blokk papír. Ugyanitt darab alatt az oldal nem fenntartott, ami azt jelenti, hogy kiesik a patak. Minden az elemeket, amelyek mögött a” távoli”, egyszerűen nem látni, és figyelmen kívül hagyja a méretét és pozícióját az ilyen egységet. visszatérni 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. ez automatikusan formázza az oldalt az új tárgyat.

A "kijelző" és a "láthatóság" tulajdonságok közötti különbség

Annak ellenére, hogy a végén mindkét tulajdonság elrejtieleme a felhasználótól, működési elve jelentősen eltér. Amint fent említettük, a "display: none" paraméter teljesen eltávolítja az elemet a dokumentumból. A blokk leesik az oldalról, így nem foglal helyet. Ebben az esetben az objektum maga a HTML-kódban marad.

Viszont a tulajdonság "láthatóság: rejtett „elrejti az elem a felhasználó, de nem távolítja el azt a dokumentumot modell tehát az oldal fenntartott helyet a blokk Más szóval, a dokumentum áramlási elfogadja és mérlegeli a helyét és méretét, hogy az elem az ingatlan ..” visibility: hidden „pontosan ugyanaz, valamint nélküle.

Ez a különbség a dokumentumszerkezet e két tulajdonsággal történő megszervezésével lehetővé teszi az oldal megfelelő megjelenítéséhez szükséges eredmény elérését.

A CSS - display használata: nincs

Internetes dokumentum lehetővé teszi a használatáttöbb lehetőség egy elem tulajdonságának meghatározására. Először is megjelenik: egyik sem regisztrálható külön fájlban a lépcsőzetes stíluslapokról. Ez a módszer a legfejlettebb és legkorszerűbb, mivel lehetővé teszi, hogy az összes szelektort, osztályt és tulajdonságait egy külön dokumentumban jelenítse meg. Egy ilyen modell lehetővé teszi az oldalparaméterek gyors megtalálását és módosítását.

A dokumentum címében

A második lehetőség a stílusok meghatározásaa dokumentum címe a stíluscímkék között. Ennek a módszernek a hatékonysága sokkal kisebb. Javasolt csak extrém esetekben használni, mivel számos stílusban a webes tervezõje olvashatósága jelentősen romlik. Ez hibákhoz vezet, és lelassítja az internetes dokumentum kidolgozásának folyamatát. Ezt a megközelítést javasoljuk, ha csak kis számú stílust kíván hozzáadni ehhez a címkéhez vagy egy dokumentum hibakereséséhez.

Nem szabad elfelejteni, hogy ha ez a módszerHa a stílusok egy olyan dokumentumban találhatók, amely alacsonyabb, mint egy különálló stíluslap importálása, az átfedő tulajdonságokat a html dokumentum testében újraírják.

Blokk div. Kijelzés: nincs

Egy másik módja az, hogy adjunk hozzáközvetlenül a kód címkeeleméhez "style = display: none;". Ezt a megközelítést gyakran akkor használják, amikor különböző keretekkel dolgozik, amelyek célja a tulajdonságok számának csökkentése közvetlenül a stíluslapon és megjelenítésük az internetes dokumentumban. Emellett egy ilyen bejegyzés gyakran előfordul, amikor a "kód ellenőrző" oldalt látja. Fontos megjegyezni, hogy ezzel a megközelítéssel megváltoztathatja a tulajdonságlapot és annak értékét, amelyet a stíluslap ír. Ezért óvatosnak kell lenni, mert végül további problémákat okozhat magának, és időt tölthet az oldal kódjában lévő hibák keresésére és rögzítésére.

JavaScript

Érdemes megemlíteni a továbbiakat isa lehetőség megváltoztatására. Nem utal a stíluslapra és a html-kódra, hanem a forgatónyelvre. Ezért annak alkalmazásához legalább egy bizonyos ismeretekkel kell rendelkeznie ezen a területen. Ha egy elemet eltávolít a dokumentumáramból, akkor a JavaScript-tulajdonságot "display = none". Lehetővé teszi a dokumentum szerkezetének megváltoztatását bizonyos esemény esetén. Szintén a szkriptek használatával dinamikusan (átmenetileg) megváltoztathatja az ingatlanparamétert, és ezáltal frissítheti az oldalmegtekintést anélkül, hogy újra kell töltenie. Ez a megközelítés hasznos lehet a legördülő menük, modális ablakok és formák megszervezésében.

SEO

A webtartalom optimalizálása a kereséshezaz autókban sok babonaság és pontatlan pont van. Tehát sok újonnan érkezett a SEO-k számára úgy véli, hogy a "display" tulajdonság rossz eszköz. Ezt magyarázza az a tény, hogy a keresőmotorok, rejtett tartalom láttán, kezdik az oldalat spamként kezelni. Van egy kis logika a szavakban, de nem több. Ekkor az objektumot elrejtő tulajdonság gyakran használatos a legördülő menük formázásához és a dokumentum egyes részei elrejtéséhez, amelyek jelenleg nem érdekesek a felhasználó számára (például ha egy kategóriát választ, másokról szóló információkat töröl). Ez a megközelítés igen erős internetes portálokat használ (egyikük - "Amazon"). Így a keresőrobotok nem tekinthetik úgy, hogy a "display: none" tulajdonságot spamként használják.

Egy másik dolog, amikor ezt a megközelítést használjákelrejteni az egyes szavakat és karaktereket. Annak ellenére, hogy most a keresőrobotok még nem rendelkeznek tökéletes algoritmusokkal a "spam" felismerésére a dokumentumokban, az a valószínűsége, hogy az oldalt fogják megragadni, meglehetősen magas. Ezért javasoljuk, hogy a "display" tulajdonságot szigorúan a céljának megfelelően használjuk - megváltoztatjuk a blokk típusát, vagy ideiglenesen elrejtsük a felhasználó szeméből.