Web Sayfası Düzenleri için Tabloları Neden Önmelisiniz?

CSS, web sayfası tasarımlarını oluşturmanın en iyi yoludur.

Özellikle CSS düzenlerini yazmayı öğrenmek, özellikle de web sayfalarını düzenlemek için tabloları kullanmayı biliyorsanız zor olabilir. Ancak HTML5 , düzen için tablolara izin verirken, bu iyi bir fikir değildir.

Tablolar Erişilemiyor

Tıpkı arama motorları gibi, çoğu ekran okuyucu web sayfalarını HTML'de görüntülenme sırasına göre okur. Ve ekran okuyucuları ayrıştırmak için tablolar çok zor olabilir. Bunun nedeni, bir tablo düzenindeki içeriğin, doğrusal iken, soldan sağa ve yukarıdan aşağıya doğru okunduğunda her zaman anlamlı değildir. Ayrıca, yuvalanmış tablolar ve tablo hücreleri üzerindeki çeşitli açıklıklar ile sayfanın anlaşılmasını çok zorlaştırabilir.

HTML5 belirtiminin , düzen için tablolara karşı önermesi ve HTML 4.01'in neden reddetmesinin nedeni budur. Erişilebilir web sayfaları, daha fazla kişinin bunları kullanmasına izin verir ve profesyonel bir tasarımcının işaretidir.

CSS ile, sayfanın sol tarafındaki bir bölümü tanımlayabilirsiniz, ancak en son HTML'ye yerleştirin. Daha sonra, ekran okuyucular ve arama motorları, önemli parçaları (içerik) ilk olarak ve daha az önemli parçaları (navigasyon) en son okuyacaktır.

Tablolar Tricky

Web editörlü bir tablo oluştursanız bile, web sayfalarınız hala çok karmaşık ve bakımı zor olacaktır. En basit web sayfası tasarımları haricinde, çoğu düzen tablosunda çok fazla ve özniteliklerin ve iç içe geçmiş tabloların kullanılması gerekir.

Bunu yaparken masayı kurmak kolay görünebilir, ancak bunu sürdürmeniz gerekir. Çizginin altından altı ay sonra, neden tabloları yerleştirdiğinizi veya kaç hücrenin bir satırda olduğunu hatırlamak kolay olmayabilir. Ayrıca, web sayfalarını ekip üyesi olarak sürdürürseniz, her kişiye tabloların nasıl çalıştığını açıklamalı veya değişiklik yapmaları gerektiğinde ek süre almasını beklemelisiniz.

CSS de karmaşık olabilir, ancak sunumu HTML'den ayrı tutar ve uzun vadede bakımı çok daha kolay hale getirir. Ayrıca, CSS düzeni ile bir CSS dosyası yazabilir ve bu şekilde görünmek için tüm sayfalarınızı stilleyebilirsiniz. Sitenizin düzenini değiştirmek istediğinizde, yalnızca bir CSS dosyasını ve tüm site chnges'i değiştirirsiniz. Artık düzeni güncellemek için tabloları güncellemek için her sayfada bir seferde bir değişiklik olmaz.

Tablolar Esnek Değildir

Yüzde genişlikli tablo düzenleri oluşturmak mümkün olsa da, genellikle yüklenmek daha yavaştır ve düzeninizin nasıl göründüğünü dramatik olarak değiştirebilir. Ancak, tablolarınız için belirtilen genişlikleri kullanırsanız, kendinizden farklı boyutlarda olan monitörlerde iyi görünmeyecek çok katı bir düzen elde edersiniz.

Birçok monitörde, tarayıcıda ve çözünürlükte iyi görünen esnek düzenler oluşturmak nispeten kolaydır. Aslında, CSS medya sorguları ile farklı boyut ekranları için ayrı tasarımlar oluşturabilirsiniz.

Yuvalanmış Tablolar Aynı Tasarım için CSS'den Daha Yavaş Yüklenir

Tablolarla süslü düzenler oluşturmanın en yaygın yolu, tabloları “yuvalamak” tır. Bu, bir (veya daha fazla) tablonun bir diğerinin içine yerleştirildiği anlamına gelir. İç içe geçmiş daha fazla tablo, web tarayıcısının sayfayı oluşturması için o kadar uzun sürer.

Çoğu durumda, bir tablo düzeni bir CSS tasarımından daha fazla karakter oluşturmak için kullanır. Ve daha az karakter indirmek için daha az demektir.

Tablolar Arama Motoru Optimizasyonu Zarar verebilir

En sık kullanılan tablo düzeni, sayfanın sol tarafında gezinme çubuğu ve sağdaki ana içeriğe sahiptir. Tabloları kullanırken, bu (genellikle), HTML'de görüntülenen ilk içeriğin soldaki gezinme çubuğu olmasını gerektirir. Arama motorları sayfaları içeriğe göre kategorilere ayırır ve birçok motor, sayfanın en üstünde görüntülenen içeriğin diğer içerikten daha önemli olduğunu belirler. Dolayısıyla, önce sol gezinme içeren bir sayfa, gezinmeden daha az önemli içerik barındıracak gibi görünecektir.

CSS'yi kullanarak, önemli içeriği HTML'nize ilk olarak yerleştirebilir ve ardından tasarımda nereye yerleştirilmesi gerektiğini belirlemek için CSS'yi kullanabilirsiniz. Bu, tasarımın sayfanın altına inmesine rağmen, arama motorlarının öncelikle önemli içeriği göreceği anlamına gelir.

Tablolar Her Zaman İyi Yazdırma

Birçok tablo tasarımı, yazıcı için çok geniş oldukları için iyi yazdırılmamaktadır. Dolayısıyla, onları uygun hale getirmek için, tarayıcılar tabloları kesecek ve aşağıdaki bölümleri çok kopuk sayfalar oluşturacak şekilde yazdıracaktır. Bazen iyi görünen sayfalarla sonuçlanırsın, ama bütün sağ taraf kayıp. Diğer sayfalar çeşitli sayfalardaki bölümleri basacaktır.

CSS ile sadece sayfayı yazdırmak için ayrı bir stil sayfası oluşturabilirsiniz.

HTML 4.01'de Düzen için Tablolar Geçersiz

HTML 4 belirtiminde şu belirtilir: "Tablolar, görsel olmayan medyaya işlenirken sorunlara neden olabileceğinden, yalnızca belge içeriğinin düzenlenmesi için bir araç olarak kullanılmamalıdır."

Bu nedenle, geçerli bir HTML 4.01 yazmak istiyorsanız, tabloları düzen için kullanamazsınız. Tabloları yalnızca tablo verileri için kullanmalısınız. Ve tablo verileri genellikle bir e-tabloda veya muhtemelen bir veritabanında gösterebileceğiniz bir şeye benziyor.

Ancak HTML5 kuralları değiştirdi ve şimdi düzen için tabloları tavsiye edilmiyor, şimdi geçerli HTML. HTML5 belirtimi şunları belirtir: "Tablolar düzen yardımcıları olarak kullanılmamalıdır."

Yukarıda bahsettiğim gibi, düzen için tabloların ekran okuyucularının ayırt etmesi zor olduğu için.

Sayfalarınızı konumlandırmak ve yerleştirmek için CSS'yi kullanmak, oluşturmak için tabloları kullanmak için kullandığınız tasarımları almanın tek geçerli HTML 4.01 yoludur. HTML5, bu yöntemi de kesinlikle önerir.

Düzen için Tablolar İş Beklentilerini Etkileyebilir

Giderek daha fazla yeni tasarımcı HTML ve CSS'yi öğrendikçe, tablo düzenleri oluşturma becerileriniz daha az ve daha az talep olacaktır. Evet, müşterilerin genellikle web sayfalarını oluşturmak için kullanmanız gereken tam teknolojiyi size söylemedikleri doğrudur. Ama onlar gibi şeyler için soruyorlar:

Müşterilerin ne istediğini teslim edemezseniz, belki de bugün değil, belki gelecek yıl veya bir yıl sonra tasarımlar için size gelmeyi bırakacaklar. İşinizin acı çekmesine gerçekten izin verebiliyor musunuz, çünkü 1990'ların sonlarından beri kullanımda olan bir tekniği öğrenmeye istekli değil misiniz?

Ahlaki: CSS'yi Kullanmayı Öğrenin

CSS öğrenmek zor olabilir, ama değerli bir şey çabaya değer. Becerilerinizi durgunluktan uzak tutmayın. CSS'yi öğrenin ve web sayfalarınızı, oluşturulacak şekilde CSS ile düzenleyin.