Pinaagi sa paggamit sa mga kabtangan sa mga CSS "display: walay bisan kinsa nga"

Misulti Style Sheets (CSS) motugot kaninyo sa pag-organisar sa dagway ug disenyo sa panid sa web. Usa sa labing sagad nga gigamit kabtangan ug mga prinsipyo niini mao ang "display: walay bisan kinsa nga".

Determinasyon sa mga kabtangan

Ang kabtangan sa iyang kaugalingon mao ang usa ka multi-purpose ug motino sa matang sa mga display nga elemento sa dokumento. Depende sa piho nga mga prinsipyo pinili nga panid mahimong gipakita ang bahin block, tanos, ingon sa usa ka listahan sa mga butang ingon nga bahin sa kan-anan, ug sa ingon sa. D. Busa, tungod sa kabtangan sa "display", makausab sa matang sa mga block sa dokumento.

Sama sa alang sa "bili sa kabtangan display: walay bisan kinsa nga" bugkos, nagtugot kini kaninyo sa panas sa usa ka butang o sa usa ka block sa dokumento. Sa mao gihapon nga dapit sa ilalum sa mga piraso sa pahina wala gitagana, nga nagpasabot nga kini mahulog gikan sa sapa. Ang tanan nga mga elemento nga anaa sa unahan sa "hilit", lamang wala makakita niini, ug wala magtagad sa gidak-on ug posisyon sa yunit. Sa pagbalik sa usa ka tinago nga butang, kamo kinahanglan gayud nga nagtumong sa dokumento pinaagi sa sinulatan nga lamang-usab sa bili sa mga kabtangan ngadto sa gitinguha nga format. Sa diha nga kini mahitabo awtomatikong format sa pahina uban sa mga bag-ong butang sa ibabaw niini.

Ang kalainan sa taliwala sa mga kabtangan "display" ug "visibility"

Bisan pa sa kamatuoran nga ingon sa usa ka resulta sa duha kabtangan sa pagtago sa mga butang gikan sa user sa, ang ilang baruganan sa operasyon mao na sa lain-laing. Sama sa nahisgotan na sa ibabaw, ang sukaranan "display: walay bisan kinsa nga" removes ang elemento gikan sa dokumento. block Ang mahulog gikan sa pahina, sa ingon nga dili sa pagkuha sa dapit niini. Sa kini nga kaso, ang tumong sa gihapon nagpabilin diha sa HTML-code.

Sa baylo, ang kabtangan "visibility: natago" nagtago sa elemento gikan sa user sa, apan wala kuhaa kini gikan sa modelo nga dokumento. Busa, ang panid gitagana sa usa ka dapit niini nga block. Nga mao, ang dokumento dagan modawat ug hunahunaa ang nahimutangan ug gidak-on sa usa ka elemento sa kabtangan "visibility: natago" gayud sa sama nga paagi nga wala kini.

Kini nga kalainan mao ang organisasyon nga gambalay sa dokumento niining duha ka mga kabtangan kini nga posible nga sa pagkab-ot sa gitinguha nga resulta alang sa husto nga display panid.

Pinaagi sa paggamit sa CSS - display: walay bisan kinsa nga

Internet dokumento adunay mga pipila ka mga paagi sa pagtino sa mga kabtangan sa mga elemento. Ang unang display: walay mahimong gilatid sa usa ka linain nga file alang sa busay Style Sheets. Kini nga pamaagi mao ang labing taas ug ang labing maayo, ingon nga kini nagtugot kaninyo sa paghimo sa tanan nga mga selectors, hut-ong ug sa ilang mga kabtangan sa usa ka linain nga dokumento. Ang maong usa ka modelo nagtugot kaninyo sa madali sa pagpangita ug pag-usab sa mga engaste nga pahina.

Ang header dokumento

Ang ikaduha nga larawan mao ang sa nagpaila estilo sa taliwala sa mga titulo sa estilo dokumento tags. Ang pagka-epektibo sa niini nga pamaagi mao ang dili kaayo. Kini girekomendar sa paggamit sa lamang sa grabeng mga kaso, ingon nga diha sa atubangan sa usa ka dako nga gidaghanon sa mga estilo sa mabasa sa mga panid sa web designer deteriorates kamahinungdanon. Ug kini modala ngadto sa mga sayop ug sa mahinay sa proseso sa pagpalambo sa usa ka web dokumento. Kini nga pamaagi mao ang lamang girekomendar sa kaso sa pagdugang sa tag ngadto sa usa ka gamay nga gidaghanon sa mga estilo sa o sa debugging instrumento.

Padayon sa diha sa hunahuna nga kon kini nga paagi sa pag-organisar sa mga estilo sa dokumento mao ang dili kaayo kay sa usa ka lain nga estilo sheet import, ang nagsapaw-sapaw kabtangan nga gisapawan kanag sa mga nga anaa sa lawas sa dokumento html.

Block div. Ipakita ang: walay

Ang laing paagi mao ang pagdugang direkta ngadto sa mga tag "style = display: walay bisan kinsa nga;" code elemento. Kini nga pamaagi sa kasagaran gigamit sa diha nga nagtrabaho uban sa nagkalain-laing mga tigbayon, ang katuyoan sa nga - pagkunhod sa gidaghanon sa mga bahin direkta ngadto sa stylesheet ug ipakita kanila sa web dokumento. Dugang pa, ang maong usa ka talaan mao ang kanunay nga sa diha nga nagtan-aw sa pahina "mga inspektor code". Kini mao ang importante nga hinumduman nga ang paggamit niini nga paagi, nga imong mahimo sa pag-usab sa mga kabtangan ug bili sa gilatid diha sa stylesheet. Busa kamo kinahanglan nga mag-amping, ingon sa usa ka resulta, kamo makahimo sa paghimo og dugang nga mga problema alang sa ilang kaugalingon ug sa paggahin og pipila ka mga panahon sa pagpangita ug ayo mga sayop sa panid code.

JavaScript

Kini mao usab ang bili sa paghisgot sa posibilidad sa dugang pa nga mga kausaban sa kabtangan niini. Kini nagtumong dili na sa stylesheet ug html-code ug sa usa ka scripting pinulongan. Busa, sa paggamit kini mao ang gikinahanglan nga adunay sa labing menos pipila ka mga kahibalo sa niini nga dapit. Aron sa pagtangtang sa elemento gikan sa dagan nga dokumento, nga imong mahimo sa paggamit sa usa ka kabtangan JavaScript "display = walay". kini nagtugot kaninyo sa pag-usab sa mga estraktura sa dokumento sa diha nga ang usa ka sa pipila ka mga hitabo. Usab, pinaagi sa paggamit sa mga sinulatan sa maabtikon ( "sa langaw") sa pag-usab sa mga kabtangan sukaranan ug sa ingon sa pagpabuhi sa panglantaw sa panid nga walay may sa reload. Kini nga pamaagi mao ang mapuslanon sa dihang organisar drop-sa menu, modal tamboanan ug mga porma.

SEO

Sa sa kapatagan sa usbaw sa sulod sa web alang sa search maquina, adunay daghan nga mga patuotuo ug kawalay-kasegurohan. Busa, daghang novice Seos tagda ang paggamit sa mga kabtangan "display" daotan pamatasan. ipatin-aw nila kini sa kamatuoran nga search maquina sa pagtan-aw sa mga tinago nga sulod, magsugod sa paghunahuna sa pahina sama sa Spam. Sa ilang mga pulong, adunay pipila ka mga katarungan, apan dili daghan pa. Sa niini nga punto sa panahon sa kabtangan sa natago nga mga butang nga gigamit sa kasagaran igo sa format sa drop-sa menu, ug sa pagtago sa mga bahin sa dokumento, nga dili karon sa interes sa user sa (alang sa panig-ingnan, sa diha nga pagpili kamo sa usa ka kategoriya sa ubang impormasyon thread). Kini nga pamaagi gigamit sa usa ka igo gamhanan Internet portals (usa kanila - ang "Amazon"). Mao kini ang, search engine kaka dili tagda ang paggamit sa mga kabtangan "display: walay bisan kinsa nga" spam.

Ang laing butang, sa diha nga kini nga paagi nga gigamit aron sa pagtago sa tagsa-tagsa nga mga pulong ug mga karakter. Bisan pa sa kamatuoran nga karon sa search engine kaka wala pa makabaton sa hingpit nga pag-ila sa maong mga "spam" algorithms sa mga dokumento, ang posibilidad nga ang panid nga mabitik sa niini, mao na nga hatag-as. Busa kini girekomendar sa paggamit sa kabtangan "display" mao ang hugot nga alang sa iyang gitagana nga katuyoan - sa pag-usab sa matang sa block o sa temporaryong pagtago gikan sa mga mata sa mga user.