Layout krus-browser, "makadani" sa search makina

Sa diha nga ang gibuhat sa site mao ang importante sa mga termino sa pagka-epektibo niini mao ang usa ka cross-browser layout. Unsa kini? Unsa nga paagi nga kini nga gibuhat? Unsa lit-ag ang mga didto?

Unsa ang Layout sa krus-browser?

Html / CSS - mao ang basehan alang sa pagmugna sa usa ka dapit. Daghang mga Webmasters mao ang angay alang niini nga sumala sa prinsipyo: maayo akong gibati - ug nga igo. Ug sa unsa nga paagi makapahigawad mao ang sa diha nga ikaw moabut gikan sa imong web browser o mobile device, ug ang dapit nga dili ipakita sa husto nga paagi. Sa maong mga kaso, sa tabang moabut mapaigoigoon design ug layout sa krus-browser.

CSS ug html sa niini nga kaso, ang dugokan, nga pinaagi niini ang tanan nga gipatuman. Sa pipila ka mga kaso, alang niini nga katuyoan mahimong nalambigit sa JavaScript. Apan ang katapusang tumong mao ang sama nga - aron sa pagsiguro nga ang tanan nga butang nagtrabaho sa lain-laing mga bersiyon sa. Busa, kon kamo gusto nga aron sa pagsiguro sa pagkaangay krus-browser, sa pagkaagi nga ang site maayo ang gipakita sa tanan nga mga browsers, kini mao ang gikinahanglan nga sa paghunahuna sa tanang panahon, gikan sa unang higayon sa buhat sa dapit.

Walkthrough sa kinatibuk

Busa, atong tan-awon kon sa unsang paagi sa paghimo sa Layout krus-browser. Sa sinugdan kinahanglan pagtino nga mga programa sa trabaho site. Palihug timan-i nga ang gidaghanon sa mga web browser nga suod sa duha ka gatus ka, mao nga naningkamot sa pagpahimuot sa tanan - kini mao ang usa ka talagsaon nga komplikado. Busa, pagpili sa usa ka gidaghanon sa gikan sa 3 ngadto sa 8. Aron sa paghukom unsa ang sa pag-focus, kamo makahimo sa paggamit ug mga suporta nga mga serbisyo sama sa Yandex Metrika ug Google Analytics. Human nga kamo kinahanglan nga makakaplag sa kon sa unsang paagi ang problema nga masulbad sa pagkab-ot sa krus-browser.

Daghang mga tawo sa pagbuhat sa ilang banking sa kaki. Kini nga espesyal nga mga code, selectors ug mga lagda, nga nakasabot lamang sa usa ka pipila ka mga browser. Apan, nga gihatag nga ikaw sa pagsulat sa labing menos pipila ka mga napulo ka mga sukip alang sa lain-laing mga browser ug mga bersiyon browser, daghan throws ingon nga usa ka paagi tungod sa kamahal niini, ang gidugayon ug irrational. Ang pipila nagsalig sa sa paggamit sa mga butang, nga gipakita sa sama nga paagi. Apan sa samang higayon kanunay nga kini nawad-an sa usa ka gidaghanon sa mga importante nga mga bentaha. Aron mamenosan pagkawala, sa paggamit sa dugang nga susama sa ug mapaigoigoon design. Unsa kini?

responsive design

Kini nga pamaagi sa sa Layout sa website, nga ang site mao ang usa ka rubber, nga mao, ang mga nga mopahiangay sa lain-laing mga gidak-on screen ug browsers. Kini kinahanglan nga nakita nga ang mapaigoigoon design ug cross-browser pagkaangay managsumpay ra, ug sa diha nga sila makig-istorya mahitungod sa usa ka butang, kini sa kasagaran nagpasabot sa ikaduha. ni tan-awon sa usa ka dali nga panig-ingnan.

Adunay pipila ka mga browsers, sama sa Opera ug opera Mini. на мобильных телефонах. Unang gigamit sa desktop computer, ug ang ikaduha - sa mobile phones. Sa kinatibuk-ang sila susama nga, apan adunay usa ka gidaghanon sa mga features. Sa maong mga kaso, kini mao ang importante sa pagkonektar sa mga tagsa-tagsa nga mga file ug / o sa paggamit sa media pangutana. Unsa kini? Sa unang kaso, kini nagmugna sa usa ka linain nga file, nga tumong sa pagtrabaho piho nga browser, ug mga rehistro sa ilang mga hagit. Sa ikaduha nga kaso, kamo kinahanglan gayud nga file uban sa media pangutana. Kon ang imong programa magtigum sa piho nga mga kinahanglanon sa mga puno file sa gitinguha kontorno.

Unsay akong buhaton?

Sa sinugdan, kita kinahanglan nga mahinumdom nga sa diha nga nagtrabaho uban sa HTML, layout krus-browser nagkinahanglan sa espesyal nga pagtagad. Busa, kamo kinahanglan nga mogamit sa sa mga maximum posibilidad sa misulti estilo sheets alang sa mas dako nga efficiency. Sa samang panahon kinahanglan usab sa pag-usab sa pipila ka mga paagi sa pagtrabaho. Busa daghan nga walay kasinatian sa mga tawo sa diha nga itudlo sila sa gidak-on sa usa ka butang, sa paggamit sa pixels - px. Tagda ang panig-ingnan sa usa ka dako nga inskripsiyon header, nga nagdayandayan sa mga tumoy sa mga site.

Siya gilapdon gibutang sa usa ka rate sa 800rh. Sa screen sa 1600rh kini mahimong na madanihon. Apan sa 700rh kini tan-awon kataw-anan. Unsa ang sa pagbuhat sa niini nga kaso? Ikaw dili hingalan sa gidak-on sa mga pixels, ug ang porsyento! Ug naghupot sa inskripsiyon dili mahimo nga usa ka malig-on ang gitas-on, ug ang katunga sa gilapdon sa screen. nga porsyento ang mahimong sa ug sa gilay-on sa nga sa usa ka piho nga elemento nga gibutang sa ibabaw sa mga sulab sa screen. Apan dinhi unsay buhaton kon ang screen mao ang gamay ra kaayo?

Ibutang ta nga kini mao ang 300 pixels? Sa kini nga kaso, kita makatabang sa media pangutana nga nagkinahanglan ayo Register gilapdon. Ug kon kini mao nga sama sa 700rh ug dili kaayo, kini mao ang posible nga sa pag-establisar nga ang ilhanan okupar 75% sa mga lingkoranan. Ug kon ang gilapdon mao nga sama sa 300 pixels o dili kaayo, kini mao ang posible nga sa ibutyag ug 100%. Ang bug-os nga hilisgutan mao ang kaayo makapaikag ug mapuslanon, mao nga kini mahimong gitun-an diha sa dako nga detalye. Apan, alaut, adunay impormasyon sa basahon, ug gibutang ang tanan nga butang diha sa artikulo dili motrabaho.

Nganong mapaigoigoon layout krus-browser makadani sa search makina?

Ug ang tubag mao na mga walay-pagtagad: tungod kay kini nagpakita nga developers sa pagsunod sa site ug sa paghimo niini ingon nga makalingaw kutob sa mahimo alang sa mga tiggamit niini. Kini nagpasabot nga ang maong mga tawo mahimong gidasig pinaagi sa paghatag kanila sa mas taas nga posisyon sa mga search engine. Siyempre, imong site dili diha-diha dayon nga gipakita sa ibabaw sa tumoy-1, apan inubanan sa ubang mga butang, kini sa hilabihan gayud mobangon. Kini kinahanglan nga nakita nga kini mao ang dili lamang walay pulos kinahanglanon apan usa ka butang nga angay kaayo nga pagtagad ang mibayad sa.

Human sa tanan, paghunahuna lang: unsa ang user sa diha nga siya gets sa usa ka dapit nga dili kaayo sa panagway? Apan kini moabut sa pagtuo nga ang search engine nagtanyag sa usa ka ubos nga-kalidad nga sulod! Busa, sila pinili nga pag-ayo aron sites nga kinahanglan nga naghalad. Gawas pa niini adunay usab ang kaayohan Webmasters tungod kay sila makamugna high-kalidad nga kabhang sa sulod, diin ang mga tawo makahimo sa pag-angkon sa gikinahanglan nga impormasyon gikan sa bisan unsa nga hardware: computer, laptop, tablet, Smartphone o mobile phone. Busa, ang mga labaw nga matagbaw bisita, mas paspas nga nagtubo nga site ug ang-ang sa kita.

konklusyon

Kini mao ang imposible nga dili timan-i ang tarung nga kamatuoran nga ang paglalang sa krus-browser site sa responsive design - kini mao ang dili sayon, sa usa ka dugay ug hago. Busa kini mao ang gikinahanglan nga mahimong mapailubon, ug hinumdumi nga disiplina - kini usa ka dako nga butang! Tingali ang usa ka butang nga sa sinugdanan moadto sayop, apan kita kinahanglan nga maningkamot sa pagtan-aw alang sa impormasyon, sa paggamit sa lain-laing mga pamaagi ug dili sa pag-atras. Ug unya nga sigurado sa pagkuha sa paghimo sa usa ka website nga mahimong kalipay sa pagpakita sa iyang mga bisita.