Naudojant CSS savybės "display: none"

Pakopinių stilių (CSS) leidžia jums organizuoti išvaizdą ir dizainą tinklalapį. Vienas iš dažniausiai naudojamų savybių ir jos vertybes yra "display: none".

Savybių nustatymas

Pati nuosavybė yra universalūs ir nustato ekrano elementas dokumento tipą. Priklausomai nuo konkrečių vertybių pasirinktas puslapis gali būti rodomas blokas dalį, tiesiškai, kaip prekių sąrašo dalis stalo, ir taip toliau. D. Taigi, dėl to, kad "Ekranas" turtą, gali pakeisti dokumente blokų tipą.

Kalbant apie ryšulio "turto vertę display: none", jis leidžia jums ištrinti elementą ar dokumento bloką. Toje pačioje vietoje pagal puslapio gabalas yra ne saugomos, o tai reiškia, kad iškrenta iš upelio. Visi elementai, kurie yra anapus "nuotolinio", tiesiog nemačiau ją ir ignoruoti dydį ir padėtį vieneto. Norėdami grįžti paslėptas objektas, turite kreiptis į dokumentą per scenarijus, kad tiesiog pakeisti savybių vertę norimą formatą. Kai tai atsitinka automatiškai formatuoti puslapį su nauju objektu ant jo.

Skirtumas tarp savybių "Ekranas" ir "matomumo"

Nepaisant to, kad, kaip abiejų savybių rezultatas paslėpti elementus iš vartotojo, jų veikimo principas yra gana skirtingi. Kaip jau minėta, parametras "display: none" pašalina elementą iš dokumento. Blokas iškrenta iš puslapio, todėl nevyksta joje. Šiuo atveju, objektas lieka HTML-kodą.

Savo ruožtu, turtas "visibility: hidden" slepia elementą iš vartotojo, bet ne pašalinti iš dokumento pavyzdį. Taigi, puslapis rezervavo šiame langelyje vietą. Tai reiškia, kad dokumentas srautas bus priimti ir apsvarstyti vietą ir dydį elemento su turto "visibility: hidden" lygiai taip pat, ir be jo.

Šis skirtumas yra organizacinė struktūra dokumento šie du savybės leidžia pasiekti norimą rezultatą už teisingą puslapio ekrane.

Naudojant CSS - display: none

Interneto dokumentas yra keletas būdų, kaip nustatyti elemento savybės. Pirmasis ekranas: niekas negali būti skiriami į atskirą failą CSS. Šis metodas yra labiausiai pažengę ir geriausias, nes jis leidžia jums atlikti visas selektoriai, klases ir jų savybės atskirame dokumente. Toks modelis leidžia greitai surasti ir pakeisti puslapio parametrus.

Dokumentas antraštė

Antrasis įsikūnijimas yra apibrėžti stilių tarp dokumento stiliaus žymės pavadinimą. Šio metodo efektyvumas yra daug mažesnis. Rekomenduojama taikyti tik kraštutiniais atvejais, kaip ir daugelio stilių akivaizdoje skaitomumas tinklalapių dizaineris žymiai pablogėja. Ir tai veda prie klaidų ir sulėtinti kurti web dokumentą procesą. Šis metodas yra rekomenduojamas tik pridedant žymą nedaugeliui stilių ar Derinimo priemonės atveju.

Turėkite omenyje, kad jei šis būdas organizuoti stilius dokumente yra mažesnis nei atskiro stiliaus lapo importo, sutampančios savybės bus perrašyti tiems, kurie yra į dokumento HTML kūno.

Blokuoti DIV. Display: none

Kitas būdas yra tiesiogiai įtraukti į žymės "stilius = display: none;" kodas elementas. Šis metodas dažnai naudojamas dirbant su įvairių sistemų, kurio tikslas - sumažinti funkcijų tiesiai į stilių ir rodyti juos į interneto dokumentą. Be to, toks įrašas yra dažnai, kai žiūri "Kodas inspektoriai" puslapis. Svarbu prisiminti, kad naudojant šį metodą, jūs galite pakeisti turtą ir vertę nustatytą pagal stilių. Taigi, jūs turėtumėte būti atsargūs, kaip rezultatas, galite sukurti papildomų problemų sau ir praleisti šiek tiek laiko rasti ir nustatyti klaidas puslapio kodą.

JavaScript

Taip pat verta paminėti, kad tolesnius pakeitimus šio objekto galimybę. Tai reiškia nebėra į stilių ir html kodu ir skriptų kalba. Todėl taikyti būtina turėti bent šiek tiek šioje srityje žinių. Siekiant pašalinti elementą iš dokumentų srautą, galite naudoti "JavaScript" turtą "Ekranas = none". Jis leidžia jums pakeisti struktūrą dokumento, kai tam tikras įvykis. Be to, per skriptus naudoti dinamiškai ( "skristi") pakeisti parametrų savybių ir tokiu būdu atnaujinti puslapio vaizdą nereikia perkrauti. Šis metodas yra naudingas, kai organizuojant išskleidžiamajame meniu, modalinį langus ir formas.

SEO

Siekiant optimizuoti interneto turinį paieškos sistemoms srityje, yra daug prietarų ir neaiškumai. Taigi, daug pradedantiesiems SEO apsvarstyti savybių "Ekranas" nemandagus naudojimą. Jie aiškina tai tuo, kad paieškos varikliai mato paslėptą turinį, pradėti svarstyti puslapį kaip šlamštas. Jų žodžiais tariant, yra tam tikra logika, bet ne daug kitu. Šiuo metu paslėptų objektų nuosavybė naudojama pakankamai dažnai formatuoti išskleidžiamąjį meniu ir paslėpti dokumento, kuris šiuo metu nėra įdomūs vartotojui dalys (pavyzdžiui, kai jūs pasirenkate kita informacija kategoriją išbraukiama). Šis metodas naudoja pakankamai galingas interneto portalus (vienas iš jų - "Amazon" "). Taigi, paieškos vorai negali nagrinėti nuosavybės naudojimą "display: none" šlamštas.

Kitas dalykas, kai šis metodas yra naudojamas paslėpti individualius žodžius ir simbolius. Nepaisant to, kad dabar paieškos vorai dar neturite puikus pripažinimą tokių "šlamštas", algoritmų dokumentuose, tikimybė, kad puslapis bus pagauti tai, yra gana didelė. Todėl rekomenduojama naudoti objekto "Ekranas" yra griežtai pagal paskirtį - pakeisti bloko tipą arba laikinai paslėpti nuo vartotojo akių.