Sütun 1
| Sütun 2
| Sütun 3
Nested Masalar daha yavaş yükləmək üçün səhifələrə səbəb olur Web səhifəsində bir cədvəl səhifəin daha yavaş yüklənməsinə gətirib çıxara bilməz. Ancaq başqa masada bir masa qoyduğunuz anda brauzerinizin göstərməsi daha mürəkkəb olur, buna görə səhifə daha yavaş yüklənir. Və bir-birinizin içərisinə daxil olan daha çox masalar, səhifənin yüklənəcəyini yavaşlatır.
Cədvəlli bir səhifə yaratdığınızda, masalarda olan daha çox masanın, sayfanın yükleneceği daha yavaş olacağını unutmayın. Bir səhifə yüklənərkən adətən, brauzer HTML-in başlanğıcından başlayır və onu ardıcıl olaraq səhifəyə endirir. Bununla birlikdə, iç-içə masalarla, bütün şeyləri göstərmədən əvvəl masanın sonunu tapmaq lazımdır.
Layihə üçün masalar Web səhifələrinizdə düzəltmək üçün masalardan istifadə etməməlisiniz. Onlar demək olar ki, hər zaman iç-içə masaları istifadə etməyi tələb edirlər, buna görə masa layout veb-səhifə CSS-də göstərilən eyni dizayndan daha yavaş yüklənəcəkdir.
Həmçinin, etibarlı XHTML yazmağa çalışdığınız halda, masalar düzəliş üçün istifadə edilməməlidir. Masalar cədvəlli məlumatlar (elektron tablolar kimi), layout üçün deyil. Bunun əvəzinə layout üçün CSS-dən istifadə etməlisiniz -CSS dizaynları daha sürətli göstərmək və etibarlı XHTML saxlamağa kömək edir.
Daha sürətli yükləmə masalarının layihələndirilməsi Bir neçə satırlı bir masa tərtib etsəniz, hər bir satırı ayrı bir masa kimi yazarsanız, tez-tez daha sürətli yükləyə bilərsiniz. Məsələn, bu cədvəl yaza bilərsiniz:
üst sıra
|
sol sütun
| sağ sütun
Eyni masanın iki masa kimi yazdıqları halda, daha tez yüklənəcəkdir, çünki brauzer ilk dəfə göstərəcək, sonra isə bütün masanın hamısını birbaşa göstərmədən yerinə ikinci göstərəcəkdir. Hiylə hər masanın eyni genişliklərə və digər üslublara (padding, marginlər və sərhədlər kimi) malik olmasını təmin etməkdir.
üst sıra
sol sütun
| sağ sütun
Daxili Tabloların bir Tabloya Dönüştürülməsi Bütün bunların yaxşı bir məlumat olduğunu hiss edə bilərsiniz, amma içindəki başqa bir masanın olması lazım olan bir masanız var. Bu doğru ola bilər baxmayaraq, tez-tez daxili masaları masa hüceyrələrinizdə və atributları istifadə edərək bir az daha mürəkkəb bir cədvəllərə çevirə bilərsiniz. Məsələn, yuxarıdakı yuvalanmış masada, yalnız colspan özniteliği ilə bir masaya çevirə bilərsiniz:
Sütun 1
| colspan = "2" > Sütun 2
| Sütun 3
|
Sütun 1
| yuvalanmış masa sütunu 1
| yuvalanmış masa sütunu 2
| Sütun 3
|
Sütun 1
| colspan = "2" > Sütun 2
| Sütun 3
Bu cədvəl, həmçinin içərisində olan masa daha az simvol istifadə etmək üçün fayda var, belə ki, bu da daha sürətli download.
| | | | |