Cross-browser layout, axtarış motorları "çəkir"

yaradılmış site onun səmərəliliyinin baxımından əhəmiyyətli zaman cross-browser layout edir. Bu nədir? Necə etmək olar? Nə pitfalls var?

cross-browser layout nədir?

Html / css - bir site yaratmaq üçün əsasdır. Mən yaxşı hiss - və kifayət qədər var: Bir çox webmasters prinsipi əsasında bu üçün uygundur. web browser və ya mobil cihaz gəlir, sayt düzgün qaydada keçirmək deyil zaman necə sinir bozucu edir. Belə hallarda, yardım adaptiv dizayn və susmaya cross-browser gəlir.

Bu halda css və html up, onurğa olan bütün həyata keçirilir. Bəzi hallarda, bu məqsədlə JavaScript cəlb edilə bilər. Amma əsas məqsədi eyni - hər şey müxtəlif versiyaları üzərində işləyir əmin etmək. Site də bütün brauzerlərdə göstərilir ki, cross-browser uyğunluğu təmin etmək istəyirsinizsə Buna görə də, bu saytda iş ilk andan hər zaman düşünmək lazımdır.

ümumiyyətlə gözden geçirmek

Belə ki, cross-browser layout etmək üçün necə baxaq. Əvvəlcə proqramları saytı işləyəcək müəyyən etməlidir. iki yüz ilə yaxın web browser sayı, belə ki, hər kəs edin çalışırıq ki, unutmayın - bu inanılmaz mürəkkəbliyi edir. Buna görə də, diqqət nə qərar üçün 8 3 bir sıra seçin, istifadə və Yandex Metrika və dəstək xidmətləri bilərsiniz Google Analytics. Bundan sonra siz problem cross-browser nail olmaq üçün həll ediləcək necə tapmaq lazımdır.

Bir çox insanlar xaki onların bank yoxdur. yalnız müəyyən bir browser anlayır Bu xüsusi kodları, seçiciler və qaydaları. Lakin, bir çox onun yüksək dəyəri, müddəti və irrasional belə bir yanaşma salır, siz müxtəlif brauzerlərdə və brauzerinizin versiyasını üçün edər, ən azı bir neçə on yazmaq lazımdır ki, verilmiş. Bəzi eyni şəkildə göstərilir ki, həmin maddələr istifadə əsaslanır. Amma tez-tez eyni zamanda əhəmiyyətli bir sıra üstünlüklərə itirdi. daha paralel və adaptiv dizayn istifadə edərək, zərərləri minimuma endirmək üçün. Bu nədir?

Cavab dizayn

site bir rezin olan web layout, ki, müxtəlif ekran ölçüləri və brauzerlər uyğunlaşmağa ki, o, bu yanaşma. Bu adaptiv dizayn və cross-browser uyğunluğu yaxından sıx olunur ki, qeyd etmək lazımdır, və onlar haqqında bir şey danışmaq zaman, adətən ikinci nəzərdə tutur. nin tez misal baxaq.

Opera və Opera Mini kimi bəzi brauzerlərdə var. на мобильных телефонах. First masa üstü kompüter istifadə və ikinci - mobil telefonlar. Ümumiyyətlə onlar oxşar, lakin xüsusiyyətləri bir sıra var. Belə hallarda, fərdi faylları və / və ya media sorğu istifadə birləşdirmək vacibdir. Bu nədir? Birinci halda, xüsusi browser işləmək məqsədi ayrı-ayrı fayl yaradır və onların problem qeydə alır. İkinci halda, media sorğu ilə fayl lazımdır. proqram istədiyiniz konfiqurasiya yüklənmiş fayl xüsusi tələblərinə cavab bilər.

Mən nə etməliyəm?

Əvvəlcə, biz HTML ilə iş zaman, cross-browser layout xüsusi diqqət tələb edir ki, yadda olmalıdır. Buna görə də, daha səmərəliliyi üçün kaskad stillər maksimum imkanlarını istifadə etməlidir. Eyni zamanda iş bəzi yollar dəyişdirmək lazımdır. px - Bir çox təcrübəsiz insanlar bir şey istifadə piksel ölçüsü qeyd zaman. saytın üst bəzəyir böyük kitabə mövzu, nümunəsinə nəzər salaq.

O 800rh dərəcəsi müəyyən edilib eni. 1600rh ekranda kifayət qədər cəlbedici olacaq. Amma 700rh onu gülünc görünür. Bu halda nə etməli? Siz piksel ölçüsü, və faiz müəyyən edə bilməz! Və kitabə sabit uzunluğu və ekranın yarısı eni olmayacaq saxlayın. faiz müəyyən edilə bilər və məsafə olan xüsusi element ekranın kənarları yerləşdiriləcək. Amma burada ekran çox kiçik olduqda nə var?

300 piksel düşünək? Bu halda, biz register eni təyinat lazımdır media sorğu kömək edəcək. Bu 700rh bərabər və daha az olduqda, bu işarə Oturacaqların 75% -ni ki, yaratmaq mümkündür. eni 300 piksel və ya daha az bərabər olduqda, bu ifşa və 100% mümkündür. bütün mövzu çox maraqlı və faydalıdır, belə ki, böyük ətraflı tədqiq edilə bilər. Lakin, təəssüf ki, orada kitab haqqında məlumat və iş deyil məqalədə hər şey qoymaq.

Niyə adaptiv cross-browser layout axtarış motorları çəkir?

Və cavab çox sadədir: bu developers saytına edin və onun istifadəçilər üçün mümkün kimi kimi rahat etmək göstərir ki, çünki. Bu insanlar axtarış motorları onlara ali mövqelərini verərək təşviq edilə bilər deməkdir. Əlbəttə, sizin site dərhal üst-1 göstərilir deyil, lakin digər amillər ilə birlikdə, bu çox artacaq. Bu, sadəcə faydasız tələb lakin çox diqqət yetirilir layiq bir şey deyil ki, qeyd etmək lazımdır.

Bütün sonra, yalnız düşünmək: istifadəçi o görünüşü çox xoş olmayan bir saytda olur zaman nədir? Amma search engine aşağı keyfiyyətli content təklif edir ki, iman gələ bilər! Buna görə də, onlar təklif edilməlidir sites belə diqqətlə seçilir. Kompüter, noutbuk, tablet, Smartphone və ya mobil telefonunuzda: onlar insanlar hər hansı bir hardware tələb məlumat əldə edə biləcək məzmun üçün yüksək keyfiyyətli shell, yaratmaq, çünki Bundan əlavə də fayda webmasters var. Buna görə, daha çox razı qonaqlar, daha sürətlə artır site və gəlir səviyyəsi.

nəticə

Bu, asan bir çox uzun və əziyyətli deyil - bu, cavab dizayn ilə cross-browser saytın yaradılması ki təvazökar faktı qeyd etmək mümkün deyil. böyük bir şey var - Ona görə də səbr və bu nizam-intizam xatırlamaq lazımdır! Bəlkə bir şey ilkin yanlış getmək, lakin biz geri çəkilməyə, məlumat üçün baxmaq üçün çalışırıq müxtəlif yanaşmalar istifadə etmək lazımdır. Və sonra zövq öz ziyarətçilərinə göstərmək olacaq bir web etmək üçün əmin olun.