Raspored cross-browser, "privlači" tražilicama

Kada je stvorio stranice je važan u smislu njegovog stupanja na snagu je raspored cross-browser. Šta je to? Kako se to može učiniti? Koje zamke postoje?

Ono što je raspored cross-browser?

HTML / CSS - je osnova za stvaranje stranice. Mnogi webmasteri su pogodni za ovu po principu: Osećam se dobro - i to je dovoljno. I kako frustrirajuće je kada dođete iz vašeg internet pretraživača ili mobilnom uređaju, a zemljište se pravilno ne prikazuje. U takvim slučajevima, pomoć dolazi adaptivni dizajn i raspored cross-browser.

CSS i HTML u ovom slučaju, okosnica, putem kojeg se sve sprovedene. U nekim slučajevima, za ovu svrhu mogu biti uključeni u JavaScript. Ali krajnji cilj je isti - kako bi bili sigurni da je sve radio na različitim verzijama. Stoga, ako želite da se osigura kompatibilnost cross-browser, tako da je lokacija dobro prikazuje na svim pretraživačima, potrebno je da sve vrijeme, od prvog trenutka rada na gradilištu.

Walkthrough općenito

Dakle, pogledajmo kako napraviti raspored cross-browser. U početku treba odrediti koji programi će raditi stranice. Imajte na umu da je broj web pretraživača blizu dvije stotine, pa pokušajte ugoditi svima - to je neverovatna kompleksnosti. Stoga, odaberite broj od 3 do 8. Da bi se odluči šta da se fokusira, možete koristiti i usluge podrške, kao što su Yandex Metrika i Google Analytics. Nakon toga bi trebalo saznati kako će taj problem biti riješen da ostvari cross-browser.

Mnogi ljudi rade svoj bankarski na kaki. Ovaj posebni kodeksi, selektora i pravila, koja razumije samo određena preglednika. Ali, s obzirom da morate napisati barem nekoliko desetina umetaka za različitim pretraživačima i verzija preglednika, mnogi baca takav pristup zbog svoje visoke cijene, trajanje i iracionalnog. Neki se oslanjaju na upotrebu tih predmeta, koji se prikazuju na isti način. Ali, u isto vrijeme često je izgubio niz važnih prednosti. Se smanjili gubici, koristeći više paralelnih i adaptivni dizajn. Šta je to?

Odgovarajući dizajn

Ovakav pristup izgled web stranice, u kojem mjestu je gumeni, to jest, oni koji se prilagođavaju različitim veličinama ekrana i pretraživača. Treba napomenuti da su adaptivni dizajn i kompatibilnost cross-browser usko su isprepletene, a kada govore o jednoj stvari, to obično podrazumijeva drugo. Pogledajmo brzo primjer.

Postoje neke preglednicima, kao što su Opera i Opera Mini. на мобильных телефонах. Prvi put koristi na desktop računarima, a drugi - na mobilnim telefonima. U principu oni su slični, ali imaju niz funkcija. U takvim slučajevima, važno je povezati pojedinačne datoteke i / ili korištenje medija upita. Šta je to? U prvom slučaju, ona stvara poseban fajl, koji ima za cilj da rade specifične pretraživača, i registruje njihov izazov. U drugom slučaju, morate podnijeti sa medijima upita. Ako vaš program zadovoljava specifične zahtjeve napunjen datoteke u željenoj konfiguraciji.

Šta da radim?

U početku, treba imati na umu da kada se radi sa html, raspored cross-browser zahtijeva posebnu pažnju. Zbog toga bi trebalo koristiti maksimalno mogućnost kaskadni stil listova za veću efikasnost. Istovremeno, potrebno je mijenjati i neke načine rada. Toliko neiskusni ljudi kada se ukaže na veličinu nešto, korištenje piksela - px. Razmotrimo primjer velikog natpisa zaglavlje, koji krasi vrhu stranice.

Ona širina je postavljen po stopi od 800rh. Na ekranu 1600rh to će biti prilično atraktivna. Ali na 700rh će izgledati smiješno. Što učiniti u ovom slučaju? Ne možete navesti veličinu u pikselima, a procenat! I držite natpis neće biti fiksne dužine, i pola širine ekrana. Postotak se može postaviti i udaljenost na kojoj određeni element će biti stavljen na rubovima ekrana. Ali evo šta da radim ako je ekran premali?

Pretpostavljam da je 300 piksela? U ovom slučaju, mi ćemo vam pomoći upit medija koji treba da se popravi širine registar. A ako je jednaka 700rh i manje, moguće je da se utvrdi da će znak zauzimaju 75% mjesta. A ako je širina jednaka 300 piksela ili manje, moguće je da razotkrije i 100%. Cela tema je vrlo zanimljiva i korisna, tako da se mogu proučavati u detalje. Ali, avaj, postoje informacije o knjizi, i sve staviti u članku neće raditi.

Zašto adaptivni raspored cross-browser privlači tražilicama?

A odgovor je vrlo jednostavan: zato što pokazuje da programeri prate stranice i učiniti ga što udobniji za svoje korisnike. To znači da se takvi ljudi mogu biti ohrabreni dajući im viših pozicija u tražilicama. Naravno, vaša stranica neće odmah biti prikazan na vrhu-1, ali u kombinaciji sa drugim faktorima, to će znatno porasti. Treba napomenuti da to nije samo beskorisno zahtjev već nešto što zaslužuje toliko pažnje posvećuje.

Na kraju krajeva, samo mislim: kakva je korisnika kada on ide na lokaciji koja nije vrlo ugodna u izgledu? Ali može doći do vjeruju da tražilice nudi sadržaj niske kvalitete! Dakle, oni su pažljivo odabrani tako lokacije koje bi trebalo biti u ponudi. Pored ovoga tu je i webmasteri korist jer stvaraju visoko kvalitetne ljuske za sadržaj, u kojem će ljudi moći da dobiju potrebne informacije iz bilo kojeg hardver: računalo, laptopa, tableta, pametnog telefona ili mobilnog telefona. U skladu s tim, što više zadovoljnih posjetitelja, više rapidno raste stranice i razinu prihoda.

zaključak

Nemoguće je ne primijetiti skroman činjenicu da je stvaranje cross-browser stranice sa responsive dizajn - to nije lako, jako dugo i naporan. Zbog toga je potrebno da budu strpljivi i zapamtite da disciplina - to je velika stvar! Možda nešto u početku će poći po zlu, ali moramo pokušati tražiti informacije, koriste različite pristupe, a ne da se povuče. I onda budite sigurni da se napraviti web stranicu koja će biti zadovoljstvo da pokaže svojim posjetiteljima.