Perenah cross-panyungsi, "metot" mesin pencari

Nalika situs dijieun penting dina watesan efektivitas na téh perenah cross-browser. Naon eta? Kumaha eta bisa dilakukeun? pitfalls Naon aya?

Naon perenah cross-browser?

Html / css - anu jadi dadasar pikeun nyieun loka anu. Loba webmasters anu cocog pikeun ieu nurutkeun prinsip: Kuring ngarasa alus - sarta éta cukup. Na kumaha frustrating nyaeta mun anjeun datangna ti pangotektak web Anjeun atawa alat mobile, sarta situs nu teu nembongkeun leres. Dina kasus kawas, bantuan asalna design adaptif sarta perenah cross-browser.

CSS jeung html up dina hal ieu, tulang tonggong, ngaliwatan nu sagala dilaksanakeun. Dina sababaraha kasus, keur kaperluan ieu bisa jadi aub dina JavaScript. Tapi tujuan pamungkas nyaeta sami - pikeun mastikeun yén sagalana dikeureuyeuh versi béda. Ku alatan éta, lamun rék mastikeun kasaluyuan cross-panyungsi, supaya loka ieu ogé ditingal dina sagala panyungsi, perlu mikir sadaya waktu, ti momen mimiti karya dina loka.

Walkthrough sacara umum

Ku kituna, hayu urang nempo kumaha carana sangkan perenah cross-browser. Mimitina kudu nangtukeun program mana bakal dianggo situs. Perhatikeun yén Jumlah web panyungsi deukeut dua ratus, jadi coba mangga dulur - nya éta hiji pajeulitna luar biasa. Kituna, milih jumlah ti 3 nepi ka 8. Dina raraga mutuskeun naon museurkeun, anjeun tiasa nganggo na jasa rojongan kayaning Yandex Metrika sarta Google Analytics. Sanggeus nu kedah manggihan kumaha masalah bakal direngsekeun pikeun ngahontal cross-browser.

Loba jalma ngalakukeun perbankan maranéhanana dina khaki. Ieu Konci husus, selectors jeung aturan, anu understands ngan hiji browser tangtu. Tapi, nunjukkeun yen anjeun boga nulis sahenteuna sababaraha puluhan inserts pikeun panyungsi béda jeung versi browser, loba throws pendekatan misalna hiji kusabab biaya tinggi na, durasi na irrasional. Sababaraha ngandelkeun pamakéan jalma barang, nu ditampilkeun cara nu sami. Tapi dina waktos anu sareng sering eta leungit sababaraha kaunggulan penting. Pikeun ngaleutikan karugian, ngagunakeun leuwih sajajar jeung desain adaptif. Naon eta?

desain responsif

pendekatan ieu kana perenah website, nu loka nyaéta karét anu, éta téh, maranéhanana anu adaptasi jeung ukuran layar béda jeung panyungsi. Ieu kudu dicatet yén desain adaptif sarta kasaluyuan cross-browser anu raket intertwined, sarta nalika aranjeunna ngobrol ngeunaan hiji hal, éta biasana ngakibatkeun kadua. Hayu urang nempo conto gancang.

Aya sababaraha panyungsi, kawas Opera jeung Opera Mini. на мобильных телефонах. Munggaran dipaké dina komputer desktop, jeung nu kadua - di ponsel. Sacara umum aranjeunna sarupa, tapi boga angka fitur. Dina kasus kawas, hal anu penting pikeun nyambungkeun file individu jeung / atawa ngamangpaatkeun queries media. Naon eta? Dina kasus nu pertama, éta nyiptakeun file misah, anu Tujuan digawekeun browser husus, sarta registers tantangan maranéhanana. Dina kasus kadua, anjeun kudu berkas kalawan queries media. Lamun program Anjeun meets sarat husus dina file dimuat dina konfigurasi nu dipikahoyong.

Kamarana atuh?

Mimitina, urang kudu inget yén mun gawé bareng html, perenah cross-browser merlukeun perhatian husus. Kituna, anjeun kudu make kamungkinan maksimum gaya cascading cadar keur EFISIENSI gede. Dina waktu nu sarua ogé perlu ngarobah sababaraha cara gawe. Jadi loba jelema inexperienced nalika aranjeunna nunjuk kaluar ukuran tina hal, pamakéan piksel - px. Mertimbangkeun conto lulugu Prasasti ageung, nu adorns luhureun loka.

Manehna lebar ieu diatur dina laju 800rh. Dina layar di 1600rh eta bakal rada pikaresepeun. Tapi dina 700rh éta bakal kasampak ridiculous. Naon anu kudu dipigawé dina hal ieu? Anjeun teu bisa nangtukeun ukuran di piksel, sarta persentase nu! Jeung tahan prasasti moal janten panjang dibereskeun, sarta satengah lebar layar. perséntase nu bisa diatur sarta jarak di mana unsur husus bakal disimpen dina edges of layar. Tapi di dieu Kang naon anu kudu dipigawé lamun layar teuing leutik?

Anggap éta 300 piksel? Dina hal ieu, urang bakal ngabantu query média anu perlu ngaropéa lebar register. Tur upami eta sarua jeung 700rh na kirang, kasebut nyaéta dimungkinkeun pikeun netepkeun yén tanda bakal nalukkeun 75% korsi. Tur upami lebar sarua jeung 300 piksel atanapi kirang, kasebut nyaéta dimungkinkeun pikeun ngalaan na 100%. Sakabeh topik pisan metot jeung mangpaat, jadi eta bisa diulik dina jéntré hébat. Tapi, Alas, aya informasi dina buku, tur nyimpen sakabeh kontak di artikel nu moal jalan.

Naha perenah cross-browser adaptif metot ka mesin pencari?

Jeung jawaban anu cukup basajan: sabab nunjukeun yen pamekar turutan situs jeung nyieun sakumaha nikmat-gancang pikeun pamaké na. Ieu ngandung harti yén jalma sapertos bisa wanti ku méré éta posisi luhur dina mesin pencari. Tangtu, situs anjeun bakal teu geuwat dipintonkeun dina luhureun-1, tapi ditéang jeung faktor lianna, ieu greatly bakal naek. Ieu kudu dicatet yén ieu teu sarat ngan aya gunana tapi hal anu deserved pisan perhatian anu dibayar ka.

Barina ogé, ngan pikir: naon pamaké lamun manéhna meunang dina situs anu henteu pisan pikaresepeun dina penampilan? Tapi mungkin datang ka yakin yén search engine nawarkeun hiji eusi kualitas-low! Kituna, aranjeunna dipilih taliti jadi situs nu kudu ditawarkeun. Di sagigireun ieu aya oge webmasters benefit sabab ngahasilkeun cangkang kualitas luhur keur eusi, nu urang bakal tiasa ménta inpormasi nu diperyogikeun ti hardware wae: komputer, laptop, tablet, smartphone atawa handphone. Sasuai, anu datang leuwih puas, situs tumuwuh leuwih cepet jeung tingkat panghasilan.

kacindekan

Mustahil henteu catetan kanyataan modest yen kreasi situs cross-browser kalayan design responsif - teu gampang, nu kacida panjangna jeung laborious. Kituna perlu jadi sabar jeung apal disiplin nu - éta hal hébat! Sugan hal mimitina bakal balik salah, tapi urang kudu nyobaan néangan informasi, ngagunakeun pendekatan béda jeung teu mundur. Lajeng pastikeun meunang ngadamel ramatloka nu bakal pelesir ka némbongkeun mun datang na.