Aspect cross-browser, „atrage“ motoarele de căutare

În cazul în care site-ul creat este important în ceea ce privește eficacitatea sa este un aspect cross-browser. Ce este? Cum se poate face? Ce capcane sunt acolo?

Care este aspectul cross-browser?

Html / css - este baza pentru crearea unui site. Multe webmasteri sunt potrivite pentru acest lucru în conformitate cu principiul: mă simt bine - și asta e de ajuns. Și cât de frustrant este atunci când vin din browser-ul web sau dispozitiv mobil, iar site-ul nu se afișează corect. În astfel de cazuri, ajutorul vine de design adaptiv și aspect cross-browser.

Css și html în acest caz, coloana vertebrală, prin care toate puse în aplicare. În unele cazuri, în acest scop, pot fi implicate în JavaScript. Dar scopul final este același - pentru a se asigura că totul a lucrat la versiuni diferite. Prin urmare, dacă doriți să se asigure compatibilitatea cross-browser, astfel încât site-ul este bine afișat în toate browserele, este necesar să se gândească tot timpul, din primul moment al lucrărilor pe site-ul.

Walkthrough în general

Deci, să ne uităm la modul de a face aspect cross-browser. Inițial ar trebui să determine care programe vor lucra site-ului. Vă rugăm să rețineți că numărul de browsere web aproape de două sute, așa că încercați să vă rugăm să toată lumea - este o complexitate incredibilă. Prin urmare, pentru a alege un număr de la 3 la 8. Pentru a decide ce să se concentreze, puteți utiliza și servicii de suport , cum ar fi Yandex Metrika și Google Analytics. După aceea ar trebui să afle modul în care problema va fi rezolvată pentru a realiza cross-browser.

Mulți oameni își gestionează conturile bancare pe kaki. Aceste coduri speciale, selectoare și reguli, care nu cunoaște decât un anumit browser-ul. Dar, având în vedere că trebuie să scrie cel puțin câteva zeci de inserții pentru diferite browsere și versiuni de browsere, multe aruncă o astfel de abordare, din cauza costurilor ridicate, durata și irațional. Unii se bazează pe utilizarea acestor elemente, care sunt afișate în același mod. Dar, în același timp, de multe ori a pierdut o serie de avantaje importante. Pentru a minimiza pierderile, folosind mai paralele și design adaptiv. Ce este?

Design receptivă

Această abordare la aspectul site-ului, în care site-ul este un cauciuc, adică, cei care se adapteze la diferite dimensiuni de ecran și browsere. Trebuie remarcat faptul că designul adaptiv și compatibilitate cross-browser sunt strâns legate, iar atunci când vorbesc despre un singur lucru, ea implică de obicei de-al doilea. Să ne uităm la un exemplu rapid.

Există unele browsere, cum ar fi Opera si Opera Mini. на мобильных телефонах. În primul rând utilizate pe computerele desktop, iar al doilea - pe telefoanele mobile. În general, acestea sunt similare, dar au o serie de caracteristici. În astfel de cazuri, este important să se conecteze fișierele individuale și / sau utilizarea de interogări media. Ce este? În primul caz, se creează un fișier separat, care au ca scop să lucreze browser-ul specific și înregistrează provocarea lor. În al doilea caz, trebuie să înaintați cu interogări media. În cazul în care programul îndeplinește cerințele specifice ale fișierului încărcat în configurația dorită.

Ce ar trebui să fac?

Inițial, trebuie să ne amintim că atunci când se lucrează cu HTML, aspect cross-browser-ul necesită o atenție specială. Prin urmare, ar trebui să utilizați posibilitatea maxim de foi de stil în cascadă pentru o mai mare eficiență. În același timp, de asemenea, necesitatea de a schimba anumite modalități de lucru. Atât de mulți oameni lipsiți de experiență, atunci când au subliniat dimensiunea de ceva, de a folosi pixeli - px. Luați în considerare exemplul unui antet inscripție mare, care împodobește partea de sus a site-ului.

Ea Lățimea a fost stabilită la o rată de 800rh. Pe ecran în 1600rh va fi destul de atractiv. Dar, pe 700rh va arata ridicol. Ce se poate face în acest caz? Nu puteți specifica dimensiunea în pixeli, iar procentajul! Și țineți inscripția nu va fi o lungime fixă, și jumătate din lățimea ecranului. Procentul poate fi setat și distanța la care un element specific va fi plasat pe marginile ecranului. Dar iată ce să facă în cazul în care ecranul este prea mic?

Să presupunem că este de 300 de pixeli? În acest caz, vom ajuta la interogarea media care are nevoie de fixare lățime registru. Și dacă este egal cu 700rh și mai puțin, este posibil să se stabilească faptul că semnul va ocupa 75% din locuri. Iar dacă lățimea este egală cu 300 pixeli sau mai puțin, este posibil de a expune și 100%. Întregul subiect este foarte interesant și util, astfel încât să poată fi studiată în detaliu. Dar, din păcate, nu există informații cu privire la carte, și a pus totul în articol nu va funcționa.

De ce adaptiv aspect cross-browser-ul atrage motoarele de căutare?

Iar răspunsul este destul de simplu: deoarece arată că dezvoltatorii urmați site-ul și face cât mai plăcută cu putință pentru utilizatorii săi. Acest lucru înseamnă că astfel de oameni pot fi încurajate, oferindu-le poziții mai înalte în motoarele de căutare. Desigur, site-ul dvs. nu va fi afișat imediat pe partea de sus-1, dar împreună cu alți factori, acest lucru va crește foarte mult. Trebuie remarcat faptul că acest lucru nu este cerință doar inutil, ci ceva care merita atât de multă atenție este acordată.

La urma urmei, cred că doar: ce este utilizatorul atunci când el devine pe un site care nu este foarte plăcut în aparență? Dar poate veni să creadă că motorul de căutare oferă un conținut de slabă calitate! Prin urmare, acestea sunt selectate cu grijă, astfel site-uri care ar trebui să fie oferite. Pe lângă aceasta există, de asemenea, webmasterii de beneficii, deoarece acestea generează coajă de înaltă calitate pentru conținut, în care oamenii vor fi în măsură să obțină informațiile necesare de la orice hardware: calculator, laptop, tabletă, smartphone sau un telefon mobil. Prin urmare, vizitatorii mai mulțumiți, site-ul în creștere mai rapid și nivelul de venit.

concluzie

Este imposibil să nu observăm faptul că modestă crearea site-ului cross-browser cu un design receptiv - nu este ușor, o foarte lung și laborios. Prin urmare, este necesar să fie pacient și amintiți-vă că disciplina - este un lucru mare! Poate ceva va merge inițial greșit, dar trebuie să încercăm să caute informații, folosesc abordări diferite și nu să se retragă. Și apoi asigurați-vă că pentru a obține a face un site web care va fi plăcerea de a arăta vizitatorilor săi.