yazmayı öğrenmek CSS Özellikle süslü web sayfası düzenleri oluşturmak için tabloları kullanmaya alışkınsanız, düzenler yanıltıcı olabilir. Ama süre HTML5 düzen için tablolara izin verir, bu iyi bir fikir değildir.
Tablolar Erişilemez
Benzer arama motorları, ekran okuyucuların çoğu web sayfalarını HTML'de görüntüledikleri sırayla okur ve tabloları ekran okuyucuların ayrıştırması çok zor olabilir. Tablo düzenindeki içerik doğrusal olsa da soldan sağa ve yukarıdan aşağıya okunduğunda her zaman anlamlı değildir. Ayrıca, iç içe tablolar ve tablo hücrelerindeki çeşitli aralıklar, sayfanın anlaşılmasını zorlaştırabilir.
Bunun nedeni, HTML5 spesifikasyonu karşı tavsiye düzen için tablolar ve neden HTML 4.01 buna izin vermiyor. Erişilebilir web sayfaları, daha fazla kişinin bunları kullanmasına izin verir ve profesyonel bir tasarımcının işaretidir.
CSS ile, bir bölümü sayfanın sol tarafına ait olarak tanımlayabilir, ancak HTML'de en son yerleştirebilirsiniz. Ardından, ekran okuyucular ve arama motorları, önce önemli kısımları (içerik) ve daha az önemli kısımları (gezinme) en son okuyacaktır.
Tablolar Zor
Bir web düzenleyici ile bir tablo oluştursanız bile, web sayfalarınız yine de karmaşık ve bakımı zor olacaktır. En basit web sayfası tasarımları dışında, çoğu düzen tablosu, çok sayıda ve öznitelik ve iç içe tabloların kullanılmasını gerektirir.
Yaparken masayı kurmak kolay görünebilir, ancak bir kez yapıldığında onu korumanız gerekir. Altı ay sonra, tabloları neden iç içe yerleştirdiğinizi veya arka arkaya kaç hücre olduğunu hatırlamak o kadar kolay olmayabilir. Ayrıca, bir ekip üyesi olarak web sayfalarını yönetiyorsanız, ilgili herkese tabloların nasıl çalıştığını açıklamanız veya değişiklik yapmaları gerektiğinde ek zaman almalarını beklemeniz gerekir.
CSS de karmaşık olabilir, ancak sunumu içerikten ayrı tutar ve uzun vadede bakımı çok daha kolay hale getirir. Artı, CSS mizanpajı ile bir CSS dosyası yazabilir ve tüm sayfalarınızı bu şekilde görünecek şekilde biçimlendirebilirsiniz. Ardından sitenizin düzenini değiştirmek istediğinizde, sadece bir CSS dosyasını değiştirirsiniz ve tüm site değişiklikleri—artık tabloları güncellemek için her sayfayı tek tek incelemeye gerek yok. Yerleşim.
Masalar Esnek Değildir
Yüzde genişlikleri olan tablo düzenleri oluşturmak mümkün olsa da, bunların yüklenmesi genellikle daha yavaştır ve düzeninizin görünümünü önemli ölçüde değiştirebilir. Ancak tablolarınız için belirli genişlikler kullanırsanız, kendinizinkinden farklı boyuttaki 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ı boyuttaki ekranlar için ayrı tasarımlar oluşturabilirsiniz.
Tablolar Arama Motoru Optimizasyonuna Zarar Verir
Tablo tarafından oluşturulan en yaygın düzen, sayfanın sol tarafında bir gezinme çubuğu ve sağda ana içerik kullanır. Tabloları kullanırken, bu yaklaşım (genellikle) HTML'de görüntülenen ilk içeriğin sol gezinme çubuğu olmasını gerektirir. Arama motorları, sayfaları içeriğe göre kategorize eder ve birçok motor, sayfanın üst kısmında görüntülenen içeriğin diğer içeriklerden daha önemli olduğunu belirler. Bu nedenle, önce sol gezinmeye sahip bir sayfa, gezinmeden daha az önemli içeriğe sahip gibi görünecektir.
CSS kullanarak, önemli içeriği önce HTML'nize yerleştirebilir ve ardından tasarımda nereye yerleştirilmesi gerektiğini belirlemek için CSS'yi kullanabilirsiniz. Bu, tasarım onu sayfanın alt kısmına yerleştirse bile, arama motorlarının önce önemli içeriği göreceği anlamına gelir.
Tablolar Her Zaman İyi Yazdırılmaz
Çoğu masa tasarımı, yazıcı için çok geniş olduğu için iyi yazdırılmaz. Bu nedenle, bunları sığdırmak için tarayıcılar tabloları keser ve aşağıdaki bölümleri yazdırarak ayrık sayfalara neden olur. Bazen iyi görünen sayfalar elde edersiniz, ancak sağ tarafın tamamı eksiktir. Diğer sayfalar bölümleri çeşitli sayfalara yazdıracaktır.
CSS ile sadece sayfayı yazdırmak için ayrı bir stil sayfası oluşturabilirsiniz.
Düzen için Tablolar HTML 4.01'de Geçersiz
HTML 4 belirtim durumları: "Görsel olmayan ortamlarda oluşturulurken sorunlara yol açabileceğinden, tablolar yalnızca belge içeriğini düzenlemek için bir araç olarak kullanılmamalıdır."
Dolayısıyla, geçerli HTML 4.01 yazmak istiyorsanız, düzen için tabloları kullanamazsınız. Tabloları yalnızca tablo verileri için kullanmalısınız ve tablo verileri genellikle bir elektronik tabloda veya muhtemelen bir veritabanında görüntüleyebileceğiniz bir şeye benziyor.
Bununla birlikte, HTML5 kuralları değiştirdi ve şimdi mizanpaj tabloları önerilmese de geçerli HTML olarak kabul ediliyor. HTML5 spesifikasyonu şunları belirtir: "Tablolar, yerleşim yardımcıları olarak kullanılmamalıdır." Bunun nedeni, daha önce bahsedildiği gibi, mizanpaj tablolarının ekran okuyucular tarafından ayırt edilmesinin zor olmasıdır.
Sayfalarınızı konumlandırmak ve düzenlemek için CSS kullanmak, oluşturmak için tabloları kullanmak için kullandığınız tasarımları elde etmenin tek geçerli HTML 4.01 yoludur ve HTML5 de bu yöntemi şiddetle tavsiye eder.