PočítačeInformačné technológie

Prispôsobenie stránky pre mobilné zariadenia: krok za krokom. mobilný web

Mobilné adaptácia mieste je stále viac populárny vďaka zvyšujúcemu sa počtu chytrých telefónov a tabletov. Čo je to? Aké sú výhody? Zvlášť táto otázka je skutočná pre majiteľov internetových obchodov a webových stránok rôznych servisných spoločností, blogy a populárne fór. Ako prispôsobiť stránky pre mobilné zariadenia môžu byť vykonané? Tu je krátky zoznam otázok, ktoré budú prerokované v rámci článku.

všeobecné informácie

Takže, najprv sa pozrime na to, čo citlivým dizajnom. Takže je usporiadanie, v ktorom sú všetky zariadenia odoslané do rovnakej HTML kód, ale rozmery prvkov je upravená pomocou CSS. Rôzne vyhľadávacie roboty vie detekovať takéto stránky, za predpokladu, že tieto stránky a zdroje viditeľné pre skenovanie. Aby bolo možné povedať, že prehliadač túto možnosť, použite tag meta name = "viewporte". Aký je adaptácia týchto stránok pre mobilné zariadenia?

Zoberme si značku

Takže, je potrebné sa uistiť, že bol tag meta name = "výrez". Prečo by to robil? Že existujú pokyny pre prehliadače, ako nastaviť veľkosť a mierku stránky šírke obrazovky zariadení, z ktorého si prezeráte web. Nemáte-li pridať toto malé položky sa zobrazí predvolená stránka, určený pre počítače. Ale zatiaľ čo mobilné prehliadače bude snažiť optimalizovať obsah, ktorý bude mať za následok zvýšenie písma, škálovateľné obsahu alebo zobrazenie obsahu, ktorý vošiel na obrazovke. Je to pekné? Nie, mobilné verzie webu v takom prípade by mohlo spôsobiť iba negatívne vnímanie. Potom, čo všetky fonty bude neprimeraná, že je potrebné posunúť stránku a vytvoriť väčší počet akcií, ktoré, aj keď sú menšie, ale stále únavné. Skontrolujte prispôsobenie stránky pre mobilné zariadenia, môžete používať telefón, tablet alebo špeciálne služby a programy. Samozrejme, že sa dáva prednosť prvé dve možnosti, ale ak budete potrebovať dôkladnú analýzu z pohľadu rôznych zariadení a ušetriť čas, potom vojde druhej.

Aké sú výhody prispôsobenie stránky pre mobilné zariadenia?

Použitie tohto prístupu umožní:

  1. Užívateľom zdieľať obsah v prípadoch, kde má jednu adresu.
  2. Algoritmy vyhľadávačov získať presné rozloženie stránky, tam je zámena s rôznymi verziami.
  3. Znižuje pravdepodobnosť chýb.
  4. Skrátenie doby batožinového priestoru tým, že eliminuje potrebu re-indexovanie.
  5. Ušetriť prostriedky.

Okrem toho, adaptívne stránky vytvoriť jednoduchšie ako niekoľko možností pre niečo raz. Prispôsobenie stránky pre mobilné zariadenia (k tomu je dosť dobre možné), nie je niečo, čo ťažko vedieť JavaScript dosť a je schopný pracovať s kaskádovými štýlmi (CSS) a obrázky. Existuje mnoho prístupov k tomuto zadanie. V rámci tohto článku sa musia brať do úvahy tri z najpopulárnejších možností:

  1. Dôraz v JavaScripte.
  2. Kombinovanie.
  3. Dynamic používanie JavaScriptu.

Uvažujme je podrobnejšie.

Adaptácia pomocou JavaScriptu

V tomto prípade, jediný obsah. A JavaScriptu formátovanie zmeny v mechanizme fungovania stránky. Všetko, čo v tomto prípade závisí na platforme. Tento algoritmus je podobný otázky médií kaskádových štýlov. Zoberme si malý príklad práce v praxi. Takže máme stránky s HTML kódom, ktorý je umiestnený element