Pri vytváraní webovej lokality je dôležitý rozloženie medzi rôznymi prehliadačmi z hľadiska zabezpečenia jeho účinnosti. Čo to je? Ako sa to dá urobiť? Aké úskalia existujú?

Čo je dizajn cez internetový prehliadač?

Html /css je základom pre vytvorenie stránky. Mnoho webmasterov sa približuje k tomuto princípu: Som v poriadku - a dosť. A ako sa stane nepríjemné, keď prídete z prehliadača alebo mobilného zariadenia a stránka sa zobrazí nesprávne. V takýchto prípadoch sa prispôsobí prispôsobivý dizajn a prispôsobenie viacerých prehliadačov.


Css a html sú v tomto prípade skelet, cez ktorý sa všetko realizuje. V niektorých prípadoch sa na tento účel môže použiť javascript. Ale konečným cieľom je, aby všetko fungovalo na rôznych verziách. Preto ak chcete mať krížové prehliadanie, takže stránky sú dobre zobrazené vo všetkých prehliadačoch, musíte o tom premýšľať neustále, od prvej sekundy práce na webe.

Sprievodca krok za krokom vo všeobecnosti

Takže zvážme, ako vytvoriť usporiadanie s krížovým prehliadaním. Najprv sa musíte rozhodnúť, na ktorých programoch bude web pracovať. Vezmite prosím na vedomie, že počet prehliadačov sa blíži dvom stovkám, takže snažiť sa vyhovieť všetkým je vecou neuveriteľnej zložitosti. Zvoľte teda číslo v rozmedzí od 3 do 8. Ak chcete zistiť, čo sa má navigovať, môžete použiť aj pomocné služby, ako napríklad Yandex Metrika a Google Analytics. Potom musíte zistiť, ako sa vyrieši problém s dosiahnutímkrosbrauzernosti.


Mnohí robia stávku na hack. Ide o špeciálne kódy, selektory a pravidlá, ktoré chápe iba jeden konkrétny prehliadač. Avšak vzhľadom na to, že je potrebné napísať aspoň desiatky takýchto vkladov pre rôzne prehliadače a ich verzie, mnohí zamietajú tento prístup z dôvodu vysokých nákladov, trvania a iracionality. Niektoré vsadili na použitie tých prvkov, ktoré sú zobrazené rovnakým spôsobom. Ale často stráca množstvo dôležitých výhod. Aby sa minimalizovali straty, adaptívny dizajn sa používa aj paralelne. Čo zastupuje?

Adaptívny dizajn

Ide o prístup k usporiadaniu stránok, v ktorom je miesto vyrobené z gumy, to znamená, že sa prispôsobuje rôznym prehliadačom a veľkosti obrazovky. Treba poznamenať, že adaptívny dizajn a krížové prehliadanie sú úzko prepojené a keď hovoríme o jednom, potom to spravidla zahŕňa aj druhé. Pozrime sa na malý príklad. Existujú prehliadače ako Mozilla a Opera Mini. Prvý sa používa na bežných počítačoch a druhý na mobilných telefónoch. Vo všeobecnosti sú podobné, ale majú niekoľko funkcií. V takýchto prípadoch je dôležité pripojiť jednotlivé súbory a /alebo použiť mediálne dopyty. Čo to je? V prvom prípade sa vytvárajú samostatné súbory, ktoré sú zamerané na prácu konkrétneho prehliadača a uskutoční sa ich volanie. V druhom prípade potrebujete mediálne dopyty. Ak program, ktorý používate, spĺňa špecifické požiadavky, súbor sa načíta do správnej konfigurácie.

Čo potrebujeterobiť?

Najprv treba pamätať na to, že pri práci s html potrebujete špeciálnu pozornosť. Preto, pre maximálny výkon, mali by ste čo najviac využiť kaskádové štýly. Musí tiež zmeniť niektoré prístupy k práci. Takže veľa neskúsených ľudí, keď naznačujú veľkosť niečoho, používajú pixely - px. Zvážte príklad s veľkým popisom, ktorý zdobí hornú časť stránky. Má šírku 800 gramov. S obrazovkou 1600 gramov to bude dosť atraktívne. Ale v roku 700, bude to vyzerať zbytočne. Čo robiť v tomto prípade? Môžete určiť veľkosť v pixeloch av percentách! A bude mať nápis nie je pevná dĺžka, a polovica šírky obrazovky. Môžete nastaviť percento a vzdialenosť, od ktorej sa určitý prvok umiestni z okrajov obrazovky. Ale tu je čo robiť, ak je obrazovka veľmi malá? Predpokladajme, že je to 300? V tomto prípade vám pomôžeme so žiadosťou o médiá, ktorá sa vyžaduje na zaznamenanie šírky opravy. A ak je to 700 alebo menej, potom môžete nastaviť, že nápis bude zaberať 75% priestoru. A ak je šírka 300 alebo menej, potom môžete nastaviť všetky 100%. Táto téma je vo všeobecnosti veľmi zaujímavá a užitočná, takže ju možno detailne študovať. Ale bohužiaľ, tam sú informácie o knihe, a všetko, čo v článku nebude fungovať.

Prečo adaptívne rozloženie prehliadača priťahuje vyhľadávače?

A odpoveď je celkom jednoduchá: je to o tom, že vývojári sledujú stránky a uľahčujú ich užívateľom. A takľudia môžu byť povzbudení tým, že im dávajú vyššie pozície vo vyhľadávačoch. Samozrejme, že vaše webové stránky bude čoskoro zahájená na začiatok 1, ale v kombinácii s ďalšími faktormi, bude sa pohybovať hore silno. Treba poznamenať, že to nie je len márna požiadavka, ale niečo, čo si zasluhuje takúto pozornosť. V skutočnosti Premýšľajte o tom: ako užívateľ, keď sa dostanú na stránky, ktoré nie je príliš príjemné vonkajšie? Ale on môže prísť k myšlienke, že vyhľadávač ponúka nekvalitný obsah! Preto sú tak starostlivo vybrané stránky, ktoré by mali byť ponúkané. Navyše, to je tiež výhoda webmasterov, pretože poskytujú kvalitný obsah pre plášťa, v ktorom ľudia môžu získať zaujímavé informácie o nich pomocou ľubovoľného hardvér, počítač, notebook, tablet, chytrý telefón alebo mobilný telefón. Preto čím spokojnejší návštevníci, tým rýchlejšie rastú miesto a úroveň príjmu.

stanovisko

Je potrebné poznamenať, že skutočnosť, že mierne krossbrauzernoho miesto vytvorenie s citlivým dizajnom - to nie je ľahké, veľmi dlhá a prácna. Preto musíte byť trpezliví a pamätajte si, že disciplína je veľký problém! Možno, že niečo príde ako prvý, ale musíme sa pokúsiť nájsť informácie, používať rôzne prístupy a nie ustúpiť. A potom bude potrebné vytvoriť stránky, ktoré budú drahé pre návštevníkov.