Çapraz tarayıcı düzen, arama motorları "çekiyor"

oluşturulan sitesi etkinliği açısından önemli olduğunda bir çapraz tarayıcı düzenidir. Bu nedir? Nasıl yapılabilir? Ne tuzaklar var?

Tarayıcılar arası düzeni nedir?

Html / css - Bir site oluşturmak için temel oluşturur. Keyfim - ve bu yeterli: Birçok web yöneticileri ilkesine göre bunun için uygundur. web tarayıcısı veya mobil cihazdan gelen ve site düzgün görüntülenmez ne zaman ve nasıl sinir bozucu. Bu gibi durumlarda, yardım adaptif tasarım ve düzeni çapraz tarayıcı geliyor.

Bu durumda Css ve html yukarı, omurga üzerinden tüm uyguladı. Bazı durumlarda, bu amaçla JavaScript karışmış olabilir. Ama nihai hedefi aynıdır - her şey farklı versiyonları üzerinde çalıştı emin olmak için. Sitenin de tüm tarayıcılarda görüntülenecek şekilde, çapraz tarayıcı uyumluluğu sağlamak istiyorsanız nedenle, sitedeki çalışmaların ilk andan itibaren, her zaman düşünmek gerekir.

Genel olarak Bakış

Yani, çapraz tarayıcı düzeninizi nasıl bakalım. Başlangıçta programlar siteyi çalışacak belirlemek gerekir. iki yüze yakın web tarayıcılarının sayısı, bu nedenle herkesi memnun deneyin lütfen unutmayın - bu inanılmaz karmaşıklığı. Bu nedenle, odaklanmaya karar vermek amacıyla 8'e 3 arasında bir sayı seçmek, kullanmak ve bu tür Yandex Metrika gibi destek hizmetleri olabilir Google Analytics. Bundan sonra sorun çapraz tarayıcı elde etmek çözülecektir öğrenmek gerekir.

Birçok kişi haki kendi bankacılık yapmak. sadece belli bir tarayıcı anlayan Bu özel kodlar, seçiciler ve kurallar. Fakat, birçok nedeniyle yüksek maliyeti, süresi ve mantıksız böyle bir yaklaşım atar, farklı tarayıcılar ve tarayıcı sürümleri için ekler en azından birkaç on yazmak zorunda olduğu göz önüne alındığında. Bazı aynı şekilde görüntülenir bu öğelerin kullanımına dayanır. Ama genellikle aynı zamanda önemli bir çok avantaj kaybetti. daha paralel ve adaptif tasarım kullanarak, kayıpları en aza indirmek için. Bu nedir?

duyarlı tasarım

site bir lastik olduğu web sitesinin düzeni, yani farklı ekran boyutlarında ve tarayıcılar uyum olanlara bu yaklaşım. Adaptif tasarım ve çapraz tarayıcı uyumluluğu iç içe geçtiği unutulmamalıdır ve bunlar hakkında bir şey konuşurken, genellikle ikinci ima eder. Hızlı bir örneğe bakalım.

Opera ve Opera Mini gibi bazı tarayıcılar vardır. на мобильных телефонах. İlk masaüstü bilgisayarlarda kullanılan ve ikinci - cep telefonlarında. Genelde bunlar benzer, ancak bir dizi özellik var. Böyle durumlarda, tek tek dosyaları ve / veya medya sorguları kullanımını bağlamak için önemlidir. Bu nedir? İlk durumda, belirli tarayıcı çalışmak amacı ayrı bir dosya oluşturur ve bunların meydan kaydeder. İkinci durumda, medya sorguları içeren dosya gerekir. Programınız istenilen konfigürasyonda yüklenen dosyanın özel gereksinimlerini karşılıyorsa.

Ne yapmalıyım?

Başlangıçta, html ile çalışırken, çapraz tarayıcı düzeni özel dikkat gerektirir unutulmamalıdır. Bu nedenle, daha fazla verimlilik için geçişli stil sayfaları maksimum ihtimalini kullanmalıdır. Aynı zamanda da çalışma bazı yollar değiştirmeniz gerekir. px - O kadar çok deneyimsiz insanlar bir şey, kullanım piksel boyutunu işaret zaman. Sitenin üst süslüyordu büyük yazıt başlığında, örneğini ele alalım.

O 800rh oranında kuruldu genişliği. 1600rh ekranda oldukça cazip olacaktır. Ama 700rh üzerinde saçma bakacağız. Bu durumda ne yapılabilir? Sen piksel boyutunu ve yüzdeyi belirtmek olamaz! Ve yazıt sabit bir uzunlukta ve ekranın genişliğinin yarısı olmayacak tutun. yüzde ayarlanabilir ve mesafe olan spesifik bir eleman ekranın kenarları üzerine yerleştirilecektir. Ama burada ekran çok küçükse ne var ki?

300 pikseldir varsayalım? Bu durumda, biz kayıt genişliği sabitleme ihtiyacı Medya sorgusunun yardımcı olacaktır. o 700rh eşit ve altında olması durumunda, işaret koltukların% 75'ini işgal edeceğini kurmak mümkündür. genişlik 300 piksel veya daha az eşit olursa, ortaya çıkarmak ve% 100 mümkündür. Bütün konu çok ilginç ve faydalı, bu nedenle ayrıntılı olarak incelenebilir. Ama ne yazık ki, orada kitap üzerinde bilgidir ve işe yaramaz makalesinde şeyi koymak.

Neden adaptif çapraz tarayıcı düzeni arama motorları çekiyor?

Ve cevap oldukça basit: o geliştiricilerin siteyi takip edin ve kullanıcıları için mümkün olduğunca keyifli hale gösteriyor çünkü. Bu tür insanlar arama motorlarında onlara yüksek konumlara vererek teşvik edilmesi anlamına gelir. Elbette, sitenizin hemen üst-1 üzerinde gösterilmez, ancak diğer faktörlerle birlikte, bu büyük ölçüde artacak. Sadece gereksiz gereksinimi ama çok dikkat ödenir hak şey olmadığını belirtmek gerekir.

Sonuçta, sadece düşün: kullanıcı, görünüşte çok hoş olmayan bir sitede aldığı zaman nedir? Ama arama motoru düşük kaliteli içerik sunan inanmak gelebilir! Bu nedenle, teklif edilmesi gerektiğini siteleri dikkatlice seçilmiştir. bilgisayar, dizüstü bilgisayar, tablet, akıllı telefon veya cep telefonu: insanların herhangi donanımlardan gerekli bilgileri elde etmek mümkün olacak hangi içerik için yüksek kaliteli kabuk oluşturmak çünkü bu yanında da fayda yöneticileri vardır. Buna göre, daha memnun ziyaretçiler, daha hızlı büyüyen sitesi ve gelir seviyesi.

Sonuç

o, kolay çok uzun ve zahmetli değildir - O duyarlı tasarım çapraz tarayıcı sitenin oluşturulması olduğunu mütevazı gerçeğini belirtmek mümkün değildir. bu harika bir şey - nedenle sabırlı olun ve bu disiplin hatırlamak gerekir! Belki bir şey başlangıçta yanlış gidecek, ama biz geri çekilmeye, bilgi aramak için denemek farklı yaklaşımlar kullanmak değil gerekir. Ve sonra zevk ziyaretçilere göstermek olacak bir web sitesi yapmak almak emin olun.