Du CSS propietateak erabiltzea "display: none"

Kaskadako estilo-orriak (CSS) itxura eta diseinu web orriaren antolatzeko aukera ematen dizute. ": None pantaila" gehien erabiltzen propietate eta bere balore bat da.

propietate zehaztea

Jabetza bera anitzeko bat da eta pantaila dokumentuan elementu-mota zehazten du. Hautatutako orriaren balio zehatzak arabera daitezke erakutsitako bloke zatia, linealki, elementuen zerrenda gisa mahaiaren parte, eta abar. D. bezala Horrela, ondorioz "pantaila" jabetza, dokumentuan blokea mota alda dezake.

Sorta "ren jabetza pantaila-balioa: none" dagokionez, elementu bat edo dokumentua bloke bat ezabatzeko aukera ematen du. Orri pieza azpian leku berean ez dago gordeta, eta horrek esan nahi erortzen erreka atera da. Hori da "urruneko" kanpo daude elementu guztiak, besterik ez zuen ikusten eta tamaina eta posizioa unitatea ez ikusi. ezkutuko objektu bat itzultzeko, dokumentuan erreferentzia behar duzu, besterik gabe, propietate balioa aldatu nahi duzun formatua scripten bidez. Hori gertatzen denean, automatikoki formatua orriaren gainean objektuaren berriekin.

propietate "pantaila" eta "ikusgarritasuna" arteko aldea

Izan ere, bai propietate ondorioz erabiltzaileari elementuak ezkutatu arren, euren funtzionamendu printzipioa oso bestelakoa da. goian aipatu bezala, parametro "display: none" dokumentuan elementu kentzen. blokea orriaren out jaitsierak, beraz, ez ari da bertan. Kasu honetan, objektuaren oraindik HTML kode geratzen.

Aldi berean, jabetza "visibility: hidden" erabiltzaileari elementu ezkutatzen du, baina ez du kendu dokumentu-eredu batetik. Horrela, orriaren erreserbatuta dago bloke honetan leku bat. Hau da, dokumentu fluxua onartuko ditu eta kontuan hartu kokapena eta tamaina Elementu baten jabetza "visibility: hidden" zehazki hori gabe bide bera.

Alde hori antolakuntza dokumentuaren egituran bi propietate horiek egiten den emaitza da orri zuzena erakusteko lortzea posible egiten du.

none: bistan - CSS erabiliz

Internet dokumentu han hainbat modu elementu propietate zehaztu dira. Lehenengo display: none egon estilo-orri bereizi fitxategi batean agindutako daiteke. Metodo honek aurreratuenak eta onena da, Selectors, klaseak eta bere propietate guztiak egin behar duzu aparteko dokumentu batean ematen diolako. eredu bat, besteak esker, azkar aurkituko dituzu eta aldatzeko orriaren ezarpenak.

dokumentuaren goiburua

Bigarren isla da dokumentu style etiketa izenburua artean estiloak definitzeko. Metodo honen eraginkortasuna askoz txikiagoa da. Gomendagarria da muturreko kasuetan bakarrik aplikatzen, estilo ugari presentzia web orrien diseinatzaile irakurgarritasuna hondatu nabarmen den bezala. Eta hau, akatsak eramaten eta mantsotu web dokumentu bat garatzeko prozesuan. Ikuspegi hori bakarrik Etiketa gehituz estilo edo arazketa-tresna kopuru txiki baten kasuan gomendatzen da.

Gogoan estilo antolatzen dokumentuan modu honetan bereizi estilo-orri inportazio bat baino gutxiago bada, bata bestearen gainean propietate horiek dokumentu itsatsi gorputzean daude gainidatzi egingo da.

Bloke div. Erakutsi: bat ere ez

Beste modu bat da, zuzenean gehitzeko etiketa "style = display: none;" kodea elementua. Ikuspegi hori askotan denean, hainbat esparru lanean erabiltzen da, eta horrek helburua - ezaugarri kopurua murrizteko zuzenean estilo sartu eta horiek bistaratu web dokumentuan. Horrez gain, hala nola, erregistro bat da, askotan denean "kodea ikuskatzaileak" orria ikusten. Garrantzitsua da gogoratzea planteamendu hau erabiliz gero, jabetza eta balio estilo agindutako alda dezakezu. Beraz, kontuz ibili behar duzu, ondorioz, arazo gehiago sortu ahal izango duzu, bere burua, eta aurkitzeko eta akats konponketa orria kodean denbora pixka bat pasatzeko.

Javascript

Era berean, merezi jabetza honetan aldaketa gehiago egiteko aukera aipatu da. Jada ez dio erreferentzia egiten estilo-eta itsatsi-kodea eta scripting hizkuntza bat da. Hori dela eta, beharrezkoa da gutxienez arlo honetan ezagutza batzuk izatea aplikatzeko. Ordena elementua kendu dokumentu fluxua bertatik, Javascript jabetza bat "display = bat ere ez" erabil dezakezu. egitura aldatzeko duzun dokumentuaren gertaera jakin bat ematen du. Era berean, gidoiak erabileraren bidez dinamikoki ( "hegan") parametro ezaugarriak aldatzeko eta, ondorioz orriaren ikuspegi freskatzeko freskatuz izan gabe. planteamendu hau erabilgarria da goitibeherako menuak, moduzko leiho eta formak antolatzeko.

SEO

web eduki bilatzaileak optimizatzeko eremuan, sineskeriak eta zalantza asko daude. Beraz, hasibe SEOs askok uste ezaugarriak "pantaila" ohitura txarrak erabilera. hau azaldu dute, izan ere, bilatzaileak ezkutuko eduki ikusten duten, hasiko orriaren kontuan hartu spam gisa. Beren hitzetan, ez dago logika batzuk, baina ez askoz bestela. Puntu honetan denboran objektu ezkutuko propietatea erabili sarritan nahikoa goitibeherako menu formatua emateko eta dokumentua, eta hori ez da gaur egun erabiltzaileak interesekoak zatiak ezkutatzen At (adibidez, beste informazio-kategoria bat hautatzen baduzu ezabatzen da). Ikuspegi hori nahikoa indartsu bat Internet atariak (- eta "Amazon" horietako bat) erabiltzen du. Horrela, bilatzailea armiarmak ezin kontuan jabetza erabilera "display: none" spam.

Beste gauza bat, noiz planteamendu hau hitz eta karaktere indibidualen ezkutatzeko erabiltzen da. Izan ere, orain bilatzailea armiarmak oraindik ez dute, hala nola "spam" algoritmo aitortzeko perfektua dokumentuetan arren, arriskua orri hori honetan harrapatu du, nahiko handia da. Beraz gomendagarria da jabetza "pantaila" erabili da zorrozki bere nahi helburu for - bloke-mota aldatzeko edo aldi baterako, erabiltzaileak begietatik ezkutatu.