Izgled cross-preglednik, „privlači” tražilice

Kada je stvorio site je važan u smislu njegove učinkovitosti je izgleda cross-preglednik. Što je to? Kako to može biti učinjeno? Što zamke postoje?

Što je izgleda cross-preglednik?

HTML / CSS - je osnova za stvaranje stranice. Mnogi webmasteri su pogodni za to po principu: Osjećam se dobro - i to je dovoljno. A kako frustrirajuće je kada se iz web-preglednika ili mobilnog uređaja, a stranica ne prikazuje ispravno. U takvim slučajevima, pomoć dolazi adaptivni dizajn i izgled cross-preglednik.

CSS i HTML u ovom slučaju, okosnica, kroz koji svi provode. U nekim slučajevima, u tu svrhu mogu biti uključeni u JavaScriptu. No, krajnji cilj je isti - kako bi bili sigurni da je sve radio na različitim verzijama. Stoga, ako želite osigurati kompatibilnost cross-preglednik, tako da je stranica dobro prikazuje u svim preglednicima, potrebno je da sve vrijeme, od prvog trenutka rad na licu mjesta.

Walkthrough općenito

Dakle, pogledajmo kako napraviti raspored cross-preglednik. U početku treba odrediti koji programi će raditi stranice. Imajte na umu da je broj web preglednicima blizu dvije stotine, pa pokušati ugoditi svima - to je nevjerojatno složenosti. Stoga, odaberite broj s 3 do 8. Kako bi se odlučiti što da se usredotočite, možete koristiti i usluge podrške, kao što su Yandex Metrika i Google Analytics. Nakon toga biste trebali saznati kako će problem biti riješen kako bi se postigla cross-preglednik.

Mnogi ljudi rade svoj bankarstvo na kaki. Ova posebna kodove, selektori i pravila, koja razumije samo određeni preglednik. No, s obzirom da morate napisati barem nekoliko desetaka umetaka za različitim preglednicima i verzije preglednika, mnogi baca takav pristup zbog svoje visoke cijene, trajanju i iracionalno. Neki se oslanjaju na korištenje tih predmeta, koji se prikazuju na isti način. No, u isto vrijeme, često je izgubio nekoliko važnih prednosti. Kako bi se smanjili gubici, korištenjem više paralelno i adaptivni dizajn. Što je to?

Osjetljivi dizajn

Ovaj pristup se izgled web stranice, u kojem mjestu je gumeni, to jest oni koji se prilagode različitim veličinama zaslona i preglednicima. Treba napomenuti da je prilagodljiva dizajn i kompatibilnost cross-preglednik usko su isprepleteni, a kad govore o jednoj stvari, to obično podrazumijeva drugo. Pogledajmo brzo primjer.

Postoje neki preglednici, kao što su Opera i Opera Mini. на мобильных телефонах. Prvo se koristi na stolnim računalima, a drugi - na mobilnim telefonima. U principu su slični, ali imaju niz mogućnosti. U takvim slučajevima, važno je povezati pojedinačne datoteke i / ili korištenje medijskih upita. Što je to? U prvom slučaju, to stvara posebnu datoteku, kojima je cilj da rade određeni preglednik, i registrira svoj izazov. U drugom slučaju, morate podnijeti s medijskim upitima. Ako je vaš program zadovoljava specifične zahtjeve učitane datoteke na željenu konfiguraciju.

Što bih trebao učiniti?

U početku, trebali bismo se sjetiti da u radu s HTML-u, izgleda cross-preglednik zahtijeva posebnu pozornost. Stoga, trebali biste koristiti maksimalnu mogućnost CSS za veću učinkovitost. U isto vrijeme također je potrebno promijeniti neke načine rada. Tako mnogi neiskusni ljudi kad su ukazati na veličinu nečega, koristite piksela - px. Razmotrimo primjer veliki natpis zaglavlju, koja krasi vrh stranice.

Ona širina je bio postavljen po stopi od 800rh. Na zaslonu TV-a u 1600rh to će biti vrlo atraktivan. No, na 700rh će izgledati smiješno. Što učiniti u ovom slučaju? Ne možete odrediti veličinu u pikselima, a postotak! I držati natpis neće biti fiksne duljine, a pola širine zaslona. Postotak može se postaviti i udaljenost na kojoj se određeni element će biti postavljeni na rubovima zaslona. No, evo što učiniti ako je ekran premalen?

Recimo da je 300 piksela? U ovom slučaju, mi ćemo vam pomoći medija upit koji treba pričvrsni širinu registrirati. A ako je jednak 700rh i manje, moguće je utvrditi da će znak zauzimaju 75% mjesta. A ako je širina jednaka 300 piksela ili manje, moguće je otkriti i 100%. Cijela tema je vrlo zanimljiva i korisna, tako da se može proučavati u detalje. Ali, nažalost, postoje informacije o knjizi, i staviti sve što je u članku neće raditi.

Zašto adaptivni raspored cross-preglednik privlači tražilice?

A odgovor je vrlo jednostavan: zato što pokazuje da programeri slijede stranice i čine ga učinili što ugodnijim za svoje korisnike. To znači da takvi ljudi mogu biti potaknuti dajući im veće pozicije u tražilicama. Naravno, vaše stranice neće biti odmah prikazati na top-1, ali u kombinaciji s drugim čimbenicima, to će uvelike porasti. Treba napomenuti da to nije samo beskorisno uvjet, ali nešto što zaslužuje toliko pažnje posvećuje.

Uostalom, samo mislim: što je korisnik ako mu se na licu da nije baš ugodno u izgledu? Ali, to može doći do vjeruju da tražilice nudi niske kvalitete sadržaja! Dakle, oni su pažljivo odabrani kako mjesta koja bi trebala biti ponuđene. Osim toga tu je i webmasteri korist, jer oni stvaraju kvalitetnu ljusku za sadržaj, u kojem će ljudi moći dobiti potrebne informacije iz bilo kojeg hardver: računalo, laptop, tablet, smartphone ili mobilnog telefona. Prema tome, više zadovoljnih posjetitelja, više brzo raste stranica i razina prihoda.

zaključak

Nemoguće je ne primijetiti skromnu činjenicu da je stvaranje cross-preglednik stranice sa optimiziranom dizajnu - to nije lako, jako dugo i naporno. Stoga je potrebno biti strpljiv i ne zaboravite da je disciplina - to je velika stvar! Možda se nešto u početku će ići u redu, ali moramo pokušati tražiti informacije, koriste različite pristupe, a ne da se povuku. A onda budite sigurni da se napraviti web stranicu koja će biti zadovoljstvo pokazati svojim posjetiteljima.