İç içe Tabloları Kullanmadan Neden Olmalı?

Yuvalanmış Tablolar Web Sayfalarınızı Aşağı Yavaşla

Web sayfalarının hızlı indirilmesi gerekir, ancak iç içe geçmiş tablolar işlemi yavaşlatabilir. Daha fazla insanın geniş bant veya yüksek hızlı İnternet kullandığını söylemesine izin vermeyin, böylece sayfalarınızın ne kadar hızlı yüklendiğinden endişe etmenize gerek kalmaz. Web'deki içerik miktarı ile, yavaş yüklenen bir sayfa veya site, hızlı bir şekilde yüklenenden daha az ziyaretçiye sahip olacaktır. Hız çok önemlidir.

İç içe geçmiş bir tablo nedir?

İç içe geçmiş bir tablo, içinde başka bir tablo bulunan bir HTML tablosudur. Örneğin:




Sütun 1
Sütun 2
Sütun 3

Sütun 1








iç içe geçmiş tablo sütunu 1
iç içe tablo sütun 2



Sütun 3

Sütun 1
Sütun 2
Sütun 3

İç içe geçmiş tablolar, daha yavaş indirmek için sayfaları neden

Bir Web sayfasındaki tek bir tablo, sayfanın daha yavaş yüklenmesine neden olmaz (sebep olarak). Ancak, bir tabloyu başka bir tabloya koyduğunuz anda, tarayıcının işlenmesi daha karmaşık hale gelir, böylece sayfa daha yavaş yüklenir. Ve birbirinizin içine yerleştirdiğiniz daha fazla tablo, sayfa daha yavaş yüklenir.

Tablolar içeren bir sayfa oluşturduğunuzda, tablolarda bulunan tabloların daha yavaş olacağına dikkat edin. Normalde, bir sayfa yüklendiğinde, tarayıcı HTML'nin en üstünde başlar ve sayfayı sırayla aşağıya yükler. Ancak, iç içe geçmiş tablolarda, tüm şeyi gösterebilmesi için tablonun sonunu bulmak zorundadır.

Yerleşim Tabloları

Web sayfalarınızda düzen için tablo kullanmamalısınız . Neredeyse her zaman iç içe geçmiş tablolar kullanmanız gerekir, bu nedenle bir tablo düzeni Web sayfası CSS'de oluşturulan aynı tasarıma göre daha yavaş yüklenir.

Ayrıca, geçerli bir XHTML yazmaya çalışıyorsanız, tabloların düzeni için kullanılmamalıdır. Tablolar, düzen için değil, tablo verileri içindir (e-tablolar gibi). Bunun yerine, CSS'yi mizanpaj için kullanmalısınız —CSS tasarımları daha hızlı işlem yapar ve geçerli XHTML'yi korumanıza yardımcı olur.

Daha Hızlı Yükleme Tabloları Tasarlama

Birden çok satıra sahip bir tablo tasarlarsanız, her satırı ayrı bir tablo olarak yazarsanız daha hızlı yüklenebilir. Örneğin, böyle bir tablo yazabilirsiniz:


üst sıra

sol sütun
sağ sütun

Ancak, aynı tabloyu iki tablo olarak yazdıysanız, daha hızlı yüklenecek gibi görünecektir, çünkü tarayıcı tüm tabloyu tek seferde oluşturmak yerine ilkini oluşturur ve ardından ikinci hale getirir. Hile, her tablonun aynı genişliklere ve diğer stillere (dolgu, kenar boşlukları ve kenarlıklar gibi) sahip olduğundan emin olmaktır.


üst sıra



sol sütun
sağ sütun

İç Tabloların Tek Bir Tabloya Dönüştürülmesi

Tüm bunların iyi bir bilgi olduğunu hissedebilirsiniz, ancak içinde başka bir tablo bulunması gereken bir tablonuz var. Bu doğru olsa da, genellikle tablo hücrenizdeki öznitelikleri kullanarak iç içe geçmiş tabloları biraz daha karmaşık tek tablolara dönüştürebilirsiniz. Örneğin, üstteki iç içe geçmiş tabloda, bunu yalnızca colspan özniteliğiyle tek bir tabloya dönüştürebilirim:





Sütun 1
colspan = "2" > Sütun 2
Sütun 3

Sütun 1
iç içe geçmiş tablo sütunu 1
iç içe tablo sütun 2
Sütun 3

Sütun 1
colspan = "2" > Sütun 2
Sütun 3

Bu tablo aynı zamanda yuvalanmış tablodan daha az karakter kullanmanın yararına sahiptir, dolayısıyla bu yüzden de daha hızlı yüklenecektir.