Skip to main content

İç içe geçmiş tablolar hakkında bilmeniz gerekenler

Gözyaşlarınızı Tutamayacağınız Bir Hikaye- Hz.Ebubekir (Mayıs Ayı 2024)

Gözyaşlarınızı Tutamayacağınız Bir Hikaye- Hz.Ebubekir (Mayıs Ayı 2024)
Anonim

Web sayfalarının hızlı indirilmesi gerekir, ancak iç içe geçmiş tablolar işlemi yavaşlatabilir. Daha fazla kişinin size 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 1Sütun 2Sütun 3
Sütun 1
iç içe geçmiş tablo sütunu 1iç içe geçmiş tablo sütunu 2
Sütun 3
Sütun 1Sütun 2Sü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üzende kullanılmaması gerekir. 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ı hale gelir 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:

en üst sıra
sol sütunSağ 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.

en üst sıra
sol sütunSağ sütun

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

Tüm bunların iyi bir bilgi olduğunu hissedebilirsiniz, ancak bir tablonuz var. şart İçinde başka bir masa 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 tek bir tabloya dönüştürebilirim colspan özellik:

birleşmiş satır = "2" > Sütun 2 birleşmiş satır = "2" > Sütun 2
Sütun 1Sütun 3
Sütun 1iç içe geçmiş tablo sütunu 1iç içe geçmiş tablo sütunu 2Sütun 3
Sütun 1Sü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.