Layout cross-browser, "láka" vyhľadávače

Keď je vytvorený web je dôležité z hľadiska jeho účinnosti je layout cross-browser. Čo je to? Ako je to možné? Čo úskalia existujú?

Čo je layout cross-browser?

HTML / CSS - je základom pre vytvorenie stránok. Mnoho webmasterov sú vhodné pre to podľa princípu: Cítim sa dobre - a to stačí. A ako frustrujúce je, keď ste prišiel z webového prehliadača alebo mobilného zariadenia a web nezobrazuje správne. V takýchto prípadoch je podpora prichádza adaptívne dizajn a rozvrhnutie cross-prehliadača.

Css a html sa v tomto prípade je chrbtica, cez ktorý všetko realizovať. V niektorých prípadoch je na tento účel môžu byť zapojené v JavaScripte. Ale konečný cieľ je rovnaký - aby sa ubezpečil, že všetko, čo pracoval na rôznych verziách. Preto, ak chcete, aby bola zaistená kompatibilita cross-prehliadača, takže miesto je dobre zobrazený vo všetkých prehliadačoch, je potrebné myslieť po celý čas od prvého okamihu práce na mieste.

Návod všeobecne

Takže, poďme sa pozrieť na to, ako urobiť rozloženie cross-prehliadača. Spočiatku by mal určiť, ktoré programy budú fungovať miesto. Upozorňujeme, že počet webových prehliadačov takmer dvesto, a tak sa snažia uspokojiť každého - to je neuveriteľná zložitosť. Z tohto dôvodu si vybrať číslo od 3 do 8. Aby bolo možné rozhodnúť, na čo sa zamerať, môžete použiť a podporné služby, ako je Yandex Metrika a Google Analytics. Po tomto by ste mali zistiť, ako bude tento problém vyriešený dosiahnuť cross-browser.

Mnoho ľudí si svoje bankovníctva v khaki. Táto špeciálne kódy, selektory a pravidiel, ktoré pozná len určité prehliadača. Ale vzhľadom k tomu, že budete musieť napísať aspoň pár desiatok vložiek pre rôzne prehliadače a verzie prehliadača, mnohí vrhá takýto prístup z dôvodu jeho vysokej cene, trvanie a iracionálne. Niektorí sa spoliehajú na využitie týchto položiek, ktoré sú zobrazené rovnakým spôsobom. Ale zároveň často to stratilo celý rad dôležitých výhod. Minimalizovať straty, za použitie viacerých paralelne a prispôsobiteľnosť návrhu. Čo je to?

citlivý návrh

Tento prístup k rozloženie webovej stránky, v ktorom miesto je gumový, teda tých, ktoré sa prispôsobiť rôznym veľkostiam obrazovky a prehliadača. Je potrebné poznamenať, že prispôsobiteľnosť návrhu a cross-browser kompatibilitu sú úzko spätá, a keď hovorí o jednu vec, je to zvyčajne znamená druhý. Pozrime sa na rýchly príklad.

Existujú niektoré prehliadače, ako je Opera a Opera Mini. на мобильных телефонах. Prvýkrát použitý v stolových počítačoch, a druhá - v mobilných telefónoch. Všeobecne možno povedať, že sú si podobné, ale majú rad funkcií. V takýchto prípadoch je dôležité prepojiť jednotlivé súbory a / alebo používanie médií otázok. Čo je to? V prvom prípade sa vytvorí samostatný súbor, ktorá majú za cieľ pracovať konkrétne prehliadač, a zaregistruje svoju úlohu. V druhom prípade je nutné podať s otázky médií. Ak váš program spĺňa špecifické požiadavky načítaného súboru v požadovanej konfigurácii.

Čo mám robiť?

Spočiatku, mali by sme si uvedomiť, že pri práci s HTML, layout cross-browser vyžaduje osobitnú pozornosť. Preto by ste mali využiť maximálne možnosti kaskádových štýlov pre väčšiu efektivitu. Zároveň je tiež potrebné zmeniť niektoré spôsoby práce. Toľko neskúsených ľudí, keď poukazujú na veľkosti niečoho, využitie bodov - pixelov. Zoberme si ako príklad veľký hlavičky nápisom, ktoré zdobia v hornej časti stránky.

Ona šírka bola stanovená vo výške 800rh. Na obrazovke sa v 1600rh to bude veľmi atraktívne. Ale 700rh to bude vyzerať smiešne. Čo robiť v tomto prípade? Nemožno určiť veľkosť v pixeloch, a percento! A držať nápis nebude pevnej dĺžky, a polovica šírky obrazovky. Percento môže byť nastavený a vzdialenosť, na ktorú sa bude špecifický prvok umiestnený na okraji obrazovky. Ale tu je to, čo robiť v prípade, že obrazovka je príliš malá?

Predpokladám, že to je 300 pixelov? V tomto prípade budeme pomáhať mediálne dotaz, ktorý potrebuje fixačné šírku registra. A ak je rovná 700rh a menej, je možné preukázať, že značka bude zaberať 75% kresiel. A v prípade, že šírka je rovná 300 pixelov alebo menej, je možné vystaviť aj 100%. Celé téma je veľmi zaujímavé a užitočné, tak to môže byť skúmaný vo veľkom detaile. Ale, bohužiaľ, tam sú informácie o knihe, a dať všetko do článku nebude fungovať.

Prečo adaptívne rozloženie cross-browser priťahuje vyhľadávačov?

A odpoveď je pomerne jednoduchá: pretože to ukazuje, že vývojári sledovať stránky a robiť to ako príjemný, ako je to možné pre jeho používateľov. To znamená, že títo ľudia môžu byť podporované tým, že im vyššie pozície vo vyhľadávačoch. Samozrejme, že vaše stránky nebudú okamžite zobrazí v pravom hornom-1, ale v spojení s ďalšími faktormi, bude to výrazne vzrastie. Je potrebné poznamenať, že to nie je len zbytočný požiadavka, ale niečo, čo si zaslúžili toľko pozornosť je venovaná.

Koniec koncov, len si: to, čo je používateľ, keď sa dostane na web, ktorý nie je príliš príjemný vzhľad? Ale to môže prísť k presvedčeniu, že vyhľadávač ponúka obsah je nekvalitný! Z tohto dôvodu, oni sú starostlivo vyberané, aby stránky, ktoré by mali byť ponúkané. Okrem toho je tu tiež prospešné webmasterov, pretože vytvárajú vysoko kvalitný shell pre obsah, v ktorom ľudia budú môcť získať potrebné informácie z akéhokoľvek hardware: počítač, notebook, tablet, smartphone alebo mobilným telefónom. V súlade s tým, čím viac spokojných návštevníkov, tým rýchlejšie rastie webu a úroveň príjmov.

záver

Je nemožné, aby na vedomie, mierny skutočnosť, že vytvorenie miesta cross-browser s citlivým dizajnom - to nie je ľahké, veľmi dlhá a namáhavá. Z tohto dôvodu je nutné, aby boli trpezliví a pamätať si, že disciplína - to je veľká vec! Možno, že sa niečo bude spočiatku pokazí, ale musíme sa snažiť hľadať informácie, používať rôzne prístupy, a nie ustúpiť. A potom sa určite dostanete, aby sa webové stránky, ktoré budú potešením ukázať svojim návštevníkom.