Ndër-browser layout, "tërheq" motorë kërkimi

Kur faqja e krijuar është i rëndësishëm në drejtim të efektivitetit të saj është një plan urbanistik cross-browser. Çfarë është ajo? Si kjo mund të bëhet? Cilat grackat janë atje?

Çfarë është cross-browser paraqitjen?

HTML / CSS - është bazë për krijimin e një faqe. Webmasters Shumë janë të përshtatshme për këtë sipas parimit: Ndihem mirë - dhe kjo është e mjaftueshme. Dhe sa frustruese është kur ju vijnë nga web shfletuesin tuaj ose pajisje të lëvizshme, dhe vendi nuk shfaqin si duhet. Në raste të tilla, ndihma vjen dizajn adaptive dhe paraqitjen ndër-shfletuesit.

Css html dhe në këtë rast, shtylla kurrizore, përmes të cilit të gjitha zbatuar. Në disa raste, për këtë qëllim mund të përfshihen në JavaScript. Por qëllimi përfundimtar është i njëjtë - për të siguruar se çdo gjë ka punuar në versione të ndryshme. Prandaj, në qoftë se ju doni për të siguruar pajtueshmërinë ndër-shfletuesit, kështu që vendi është shfaqur edhe në të gjithë shfletuesit, është e nevojshme të mendoni gjatë gjithë kohës, nga momenti i parë të punës në vend.

Walkthrough në përgjithësi

Pra, le të shohim se si për të bërë paraqitjen ndër-shfletuesit. Fillimisht duhet të përcaktojë se cilat programe do të punojnë faqe. Ju lutem vini re se numri i shfletues web afër dyqind, kështu që të përpiqet për të kënaqur të gjithë - kjo është një kompleksiteti pabesueshme. Prandaj, zgjidhni një numër nga 3 deri në 8. Në mënyrë që të vendosë se çfarë duhet të përqëndrohet, ju mund të përdorni dhe shërbimet mbështetëse të tilla si Yandex Metrika dhe Google Analytics. Pas kësaj ju duhet të gjeni se si problemi do të zgjidhet për të arritur ndër-browser.

Shumë njerëz bëjnë bankare e tyre në kaki. Kjo kode të veçanta, Selectors dhe rregullat, të cilat e kupton vetëm një shfletues të caktuar. Por, duke qenë se ju duhet të shkruani të paktën disa dhjetëra fut për shfletuesit të ndryshme dhe versionet e shfletuesit, shumë hedh një qasje të tillë për shkak të kostos së lartë, kohëzgjatja dhe irracionale. Disa mbështeten në përdorimin e këtyre artikujve, të cilat janë shfaqur në të njëjtën mënyrë. Por në të njëjtën kohë shpesh ajo humbi një numër të avantazhe të rëndësishme. Për të minimizuar humbjet, duke përdorur më shumë paralele dhe design adaptive. Çfarë është ajo?

dizajni i përgjegjshëm

Kjo qasje në paraqitjen e internetit, në të cilën faqe është një gome, që është, ata që përshtaten me madhësi të ndryshme të ekranit dhe shfletues. Duhet të theksohet se dizajni adaptive dhe compatibility ndër-browser janë të ndërthurura ngushtë, dhe kur ata flasin për një gjë, ai zakonisht nënkupton dytë. Le të shikojmë një shembull të shpejtë.

Ka disa shfletues, si Opera dhe Opera Mini. на мобильных телефонах. përdoret për herë të parë në kompjuter desktop, dhe e dyta - në telefonat mobil. Në përgjithësi ato janë të ngjashme, por kanë një numër të karakteristikave. Në raste të tilla, është e rëndësishme për të lidhur fotografi individuale dhe / ose përdorimin e pyetjeve të medias. Çfarë është ajo? Në rastin e parë, ai krijon një skedar të veçantë, të cilat synojnë të punojnë shfletues specifik, dhe regjistron sfidën e tyre. Në rastin e dytë, ju duhet të paraqesë me pyetjet e medias. Nëse programi juaj i plotëson kërkesat e veçanta të dosjes ngarkuar në konfigurimin e dëshiruar.

Çfarë duhet të bëj?

Fillimisht, ne duhet të kujtojmë se kur punojnë me html, cross-browser paraqitjen kërkon vëmendje të veçantë. Prandaj, ju duhet të përdorni mundësinë maksimale të Cascading Style Sheets për efikasitet më të madh. Në të njëjtën kohë gjithashtu duhet të ndryshojë disa mënyra për të punuar. Kështu që shumë njerëz të papërvojë, kur ata theksojnë madhësinë e diçka, përdorni pixels - PX. Shqyrtoni shembullin e një kokë të madhe mbishkrim, i cili zbukuron në krye të faqes.

Ajo gjerësi ishte vendosur në një normë prej 800rh. Në ekran në 1600rh ajo do të jetë mjaft tërheqëse. Por në 700rh ajo do të duket qesharake. Çfarë duhet të bëni në këtë rast? Ju nuk mund të specifikojë madhësinë në pixels, dhe përqindja! Dhe të mbajë mbishkrim nuk do të jetë një gjatësi të caktuar, dhe gjysma gjerësia e ekranit. Përqindja mund të vendosen dhe distanca në të cilën një element i veçantë do të vendoset në skajet e ekranit. Por këtu është se çfarë të bëni nëse ekrani është shumë e vogël?

Mendoj se është 300 pixel? Në këtë rast, ne do të ndihmojë pyetje media që ka nevojë për fiksimin gjerësi regjistroheni. Dhe në qoftë se ajo është e barabartë me 700rh dhe më pak, është e mundur për të vendosur se shenja do të zënë 75% të ulëseve. Dhe në qoftë se gjerësia është e barabartë me 300 pixels ose më pak, është e mundur të vë në dukje dhe 100%. I tërë Tema është shumë interesante dhe të dobishme, kështu që mund të studiohet në hollësi të madhe. Por, mjerisht, nuk ka informacion mbi librin, dhe të vënë gjithçka në artikull nuk do të funksionojë.

Pse adaptive cross-browser paraqitjen tërheq motorët e kërkimit?

Dhe përgjigja është fare e thjeshtë: për shkak se ajo tregon se zhvilluesit ndjekin faqen e internetit dhe të bëjë atë sa më të kënaqshme të jetë e mundur për përdoruesit e tij. Kjo do të thotë se njerëzit e tillë mund të inkurajohen duke u dhënë atyre poste të larta në motorët e kërkimit. Sigurisht, faqja e juaj nuk do të shfaqet menjëherë në top-1, por në bashkëpunim me faktorë të tjerë, kjo do të rritet në masë të madhe. Duhet theksuar se kjo nuk është kërkesë vetëm e padobishme, por diçka që meritonte vëmendje aq shumë është paguar për të.

Pas të gjitha, vetëm se: ajo që është përdoruesi, kur ai merr në një vend që nuk është shumë e këndshme në pamje? Por ajo mund të vijnë për të besuar se search engine ofron një përmbajtje me cilësi të ulët! Prandaj, ata janë të zgjedhur me kujdes në mënyrë vendeve që duhet të ofrohen. Përveç kësaj ka edhe webmasters e përfitimit për shkak se ata gjenerojnë shell me cilësi të lartë për përmbajtjen, në të cilën njerëzit do të jetë në gjendje për të marrë informacionin e duhur nga çdo pajisje: kompjuter, laptop, tablet, smartphone ose telefon celular. Prandaj, vizitorët më të kënaqur, rritet më shpejt vendi dhe niveli i të ardhurave.

përfundim

Është e pamundur të mos theksohet fakti modeste se krijimi i faqes cross-browser me dizajn të përgjegjshëm - Nuk është e lehtë, një shumë të gjatë dhe i mundimshëm. Prandaj është e nevojshme që të jetë i durueshëm dhe mos harroni se disiplina - kjo është një gjë e madhe! Ndoshta diçka fillimisht do të shkojnë keq, por ne duhet të përpiqemi për të kërkuar informacion, përdorin qasje të ndryshme dhe jo të tërhiqen. Dhe pastaj të jetë i sigurt për të marrë të bërë një faqe interneti që do të jetë kënaqësi për të treguar për vizitorët e saj.