Die gebruik van die eienskappe van die CSS "display: none"

Cascading Style Sheets (CSS) toelaat dat jy die voorkoms en ontwerp van die webblad te organiseer. Een van die mees algemeen gebruikte eienskappe en sy waardes is "vertoon: geen".

Bepaling van eiendomme

Die eiendom self is 'n veeldoelige en bepaal die tipe van die skerm element in die dokument. Afhangende van die spesifieke waardes gekies bladsy kan vertoon die blok gedeelte, lineêr, as 'n lys van items as deel van die tafel, en so aan. D. Dus, as gevolg van die eiendom van "display", kan die tipe van die blok in die dokument verander.

Soos vir die bundel "waarde van die eiendom vertoon: geen", dit laat jou toe om 'n item of 'n blok van die dokument verwyder. Op dieselfde plek onder die stuk bladsy is nie gereserveer, wat beteken dat dit val uit die stroom. Alle elemente wat buite die "remote", net het dit nie gesien en ignoreer die grootte en posisie van die eenheid. Om 'n versteekte voorwerp terugkeer, moet jy via skrifte wat eenvoudig die waarde van die eiendom te verander om die presiese formaat te verwys na die dokument. Wanneer dit gebeur outomaties die bladsy formaat met die nuwe voorwerp op dit.

Die verskil tussen die eienskappe "vertoning" en "sigbaarheid"

Ten spyte van die feit dat as gevolg van beide eienskappe om items uit die gebruiker te verberg, hulle beginsel van werking is heel anders. Soos hierbo reeds genoem, is die parameter "display: none" verwyder die element van die dokument. Die blok val buite die bladsy, dus nie plaasvind in dit. In hierdie geval, die voorwerp is nog steeds in die HTML-kode.

Op sy beurt het die eiendom "sigbaarheid: weggesteek" verberg die element van die gebruiker, maar dit maak nie verwyder uit die dokument model. So, is die bladsy voorbehou 'n plek in hierdie blok. Dit wil sê die dokument vloei sal aanvaar en oorweeg die ligging en grootte van 'n element met eiendom "sigbaarheid: weggesteek" presies dieselfde manier sonder dit.

Hierdie verskil is die organisasiestruktuur van die dokument hierdie twee eienskappe maak dit moontlik om die gewenste resultaat vir die korrekte bladsy vertoon bereik.

Met behulp van CSS - display: none

Internet dokument is daar verskeie maniere om die eienskappe van die element te bepaal. Die eerste vertoning: daar is niemand wat voorgeskryf word in 'n aparte lêer vir Cascading Style Sheets. Hierdie metode is die mees gevorderde en die beste, want dit laat jou toe om al die keurders, klasse en hul eienskappe maak in 'n aparte dokument. So 'n model kan jy om vinnig te vind en te verander bladsy instellings.

Die dokument kop

Die tweede verpersoonliking is om style onder die titel van die dokument styl tags definieer. Die doeltreffendheid van hierdie metode is baie minder. Dit word aanbeveel slegs in uiterste gevalle toe te pas, soos in die teenwoordigheid van 'n groot aantal style leesbaarheid van webblaaie ontwerper verswak aansienlik. En dit lei tot foute en vertraag die proses van die ontwikkeling van 'n web dokument. Hierdie benadering word slegs aanbeveel in die geval van die byvoeging van die merker by 'n klein aantal style of debugging instrument.

Hou in gedagte dat indien hierdie manier van organisering style in die dokument minder as 'n aparte stylblad invoer is, sal die oorvleueling eienskappe oorskryf word deur diegene wat in die liggaam van die dokument html.

Blok div. Display: Geen

Nog 'n manier is om direk na die tag voeg "style = vertoning: geen;" kode element. Hierdie benadering word dikwels gebruik wanneer daar met verskeie raamwerke, die doel van wat - die vermindering van die aantal funksies direk in die style en vertoon dit in die web dokument. Daarbenewens, soos 'n rekord is dikwels, terwyl jy kyk "kode inspekteurs" bladsy. Dit is belangrik om te onthou dat die gebruik van hierdie benadering, kan jy die eiendom en waarde in die style voorgeskryf verander. So moet jy versigtig wees, as gevolg daarvan, kan jy bykomende probleme vir hulself te skep en 'n paar tyd te spandeer op die vind van en die vasstelling van foute in die bladsy-kode.

JavaScript

Dit is ook noemenswaardig die moontlikheid van verdere veranderinge in hierdie eiendom. Dit verwys nie meer na die style en html-kode en 'n script taal. Daarom, om aansoek te doen is dit nodig om ten minste 'n bietjie kennis in hierdie gebied het. Met die oog op die element van die dokument vloei verwyder, kan jy 'n JavaScript eiendom "display = geen" gebruik. Dit laat jou toe om die struktuur te verander van die dokument as 'n sekere gebeurtenis. Ook, deur die gebruik van skrifte om dinamies ( "on the fly") om die parameter eienskappe te verander en sodoende te verfris die lig van die bladsy sonder om te herlaai. Hierdie benadering is nuttig wanneer die organisering van drop-down menu, modale vensters en vorms.

SEO

In die veld van die optimalisering van web-inhoud vir soekenjins, daar is baie bygelowe en onsekerhede. So, baie beginner SEO oorweeg die gebruik van die eienskappe "vertoning" swak maniere. Hulle verduidelik dit deur die feit dat soekenjins sien die verborge inhoud, begin om die bladsy te oorweeg as spam. In hul woorde, daar is 'n paar logika, maar nie veel anders nie. Op hierdie punt in tyd die eiendom van verborge voorwerpe gebruik dikwels genoeg om die aftrekkieslys die dele van die dokument, wat nie op die oomblik van belang is vir die gebruiker formaat en wegsteek (byvoorbeeld, wanneer jy 'n kategorie van ander inligting te kies is geskrap). Hierdie benadering maak gebruik van 'n voldoende kragtige Internet-portale (een van hulle - die "Amazon"). So, soekenjins kan nie oorweeg die gebruik van eiendom "display: none" spam.

Nog 'n ding, wanneer hierdie benadering word gebruik om individuele woorde en karakters weg te steek. Ten spyte van die feit dat dit nou die soekenjins het nog nie 'n perfekte erkenning van so 'n "spam" algoritmes in die dokumente, die waarskynlikheid dat bladsy sal gevang word in hierdie, is baie hoog. Dit word dus aanbeveel om die eiendom "vertoning" gebruik is streng vir die doel waarvoor dit - om die tipe van blok te verander of tydelik te versteek van die oë van die gebruiker.