CSS, veb səhifə dizaynlarını qurmaq üçün ən yaxşı yoldur
CSS düzəltmələrini yazmağı öyrənmək, xüsusilə xülya web page layouts yaratmaq üçün cədvəllərdən istifadə etdiyiniz təqdirdə çətin ola bilər. Ancaq HTML5 düzəltmə masalarına imkan verirsə, yaxşı bir fikir deyil.
Tablolar əlçatan deyil
Axtarış motorları kimi, ən çox ekran oxucuları web səhifələrini HTML-də nümayiş etdirdikləri sırada oxumaqdadır. Ekranlar oxuculara ayrışmaq üçün masalar çox çətin ola bilər. Bunun səbəbi, bir cədvəl düzəltməsindəki məzmunun, doğrusal olsa da, soldan sağa və yuxarıdan aşağıya oxunduğu zaman həmişə məntiqli deyil. Üstəlik, iç-içə masalar və masa hüceyrələrində müxtəlif aralıqlarla pages çətinləşdirə bilər.
HTML5 spesifikasiyası layout masalarına qarşı tövsiyə edir və HTML 4.01 niyə bunu icazə etməməsi səbəbidir. Erişilebilir veb-səhifələri daha çox insanın onları istifadə etməyə imkan verir və peşəkar dizaynerin işarəsi olur.
CSS ilə, bir hissəni səhifənin sol tərəfindəki kimi təsvir edə bilərsiniz, lakin sonda HTML-yə yerləşdirin. Sonra ekran oxucuları və axtarış motorları eyni zamanda əhəmiyyətli hissələri (məzmunu) oxuyacaqlar və ən az əhəmiyyətli hissələr (naviqasiya) sonuncu olacaq.
Masalar çətin olur
Bir web redaktoru ilə bir masa yaratsanız da, veb səhifələriniz hələ də çox çətin və qorunmaq çətin olacaq. Ən sadə veb səhifə dizaynları istisna olmaqla, ən layout cədvəlləri bir çox xüsusiyyətləri və atributları və iç içə cədvəllərin istifadəsini tələb edir.
Siz bunu edərkən masanın qurulması asan görünə bilər, ancaq onu qorumaq lazımdır. Altı aylıq xəttin aşağı olması niyə xatırlamırsanız asan olmaya bilər, niyə masa içərisinə və ya bir neçə hüceyrə ardıcıl idi və s. Əlavə olaraq, web səhifələrini komanda üzvü kimi qoruyursanız, hər kəsə cədvəllərin necə işlədiyini və ya dəyişikliklər etmək lazım olduqda əlavə vaxt gözləməsini gözləməlisiniz.
CSS də mürəkkəb ola bilər, amma təqdimatı HTML-dən ayrı saxlayır və uzun müddətdə saxlamaq üçün daha asan edir. Üstəlik, CSS layout ilə bir CSS faylı yaza və bütün səhifələrinizə bu şəkildə baxa bilərsiniz. Saytınızın düzəltməsini dəyişdirmək istədiyiniz zaman, sadəcə bir CSS faylı dəyişdirirsiniz, bütün saytlar isə cədvəlləri yeniləmək üçün bir dəfə hər səhifədən birinə keçməyəcək.
Masalar Esnektir
Peyk genişliyi ilə masa planlarını yaratmaq mümkün olsa da, onlar tez-tez yükləmək üçün yavaş olur və layout görünüşünüzü dramatik şəkildə dəyişə bilər. Lakin, masalarınız üçün müəyyən genişliklərdən istifadə etsəniz, özünüzdən fərqli olan monitorlarda yaxşı görünməyəcək çox sərt bir düzəldən sona çatsın.
Bir çox monitorda, brauzerlərdə və qətnamələrdə yaxşı görünən çevik layouts yaratmaq nisbətən asandır. Əslində, CSS media sorğuları ilə müxtəlif ölçülü ekranlar üçün ayrı dizaynlar yarada bilərsiniz.
Nested Masalar eyni dizayn üçün CSS-dən daha yavaş yüklənir
Masalarla xülya düzəltmələri yaratmaq üçün ən ümumi üsul "yuva" cədvəlləridir. Bu deməkdir ki, bir (və ya daha çox) masa başqa birinə yerləşdirilir. Nested olan daha çox masa, veb-brauzerin səhifəni göstərmək üçün daha uzun sürəcək.
Çox hallarda bir masa düzeni CSS dizaynından daha çox yaratmaq üçün daha çox simvol istifadə edir. Və daha az simvol yükləmək daha az deməkdir.
Masalar axtarışı mühərrikin optimallaşdırmasına zərər verə bilər
Ən çox yaradılan masanın yaradıcısı səhifənin sol tərəfində naviqasiya çubuğuna və sağdakı əsas məzmuna malikdir. Cədvəllərdən istifadə edərkən (ümumiyyətlə) HTML-də görünən ilk məzmunun sol naviqasiya barı olması tələb olunur. Axtarış motorları məzmuna əsaslanan səhifələrə bölüşdürür və bir çox mühərriklər, səhifənin yuxarısında göstərilən məzmun digər məzmundan daha vacibdir. Beləliklə, ilk növbədə soldan naviqaslı bir səhifə, naviqasiyadan daha az əhəmiyyətli olan məzmuna malik görünür.
CSS istifadə edərək, vacib məzmunu ilk olaraq HTML-də yerləşdirə və sonra dizaynda yerləşdirilməsini müəyyənləşdirmək üçün CSS-dən istifadə edə bilərsiniz. Bu deməkdir ki, axtarış sistemi mühüm məzmunu ilk dəfə, hətta dizaynın səhifəni aşağıya endirsə də, görəcəksiniz.
Tablolar Həmişə yaxşı yazdırmayın
Bir çox masa dizaynı yaxşı yazdırılmır, çünki onlar printer üçün sadəcə çox genişdir. Beləliklə, onları uyğunlaşdırmaq üçün brauzerlər masaları kəsəcəklər və aşağıdakı bölmələri çap etdirəcəklər. Bəzən yaxşı görünən səhifələrlə sona çatsın, ancaq bütün sağ tərəfdə itkin. Digər səhifələr müxtəlif bölmələr üzrə bölmələr çaplayacaq.
CSS ilə yalnız səhifəni çap etmək üçün ayrı bir stil yarada bilərsiniz.
Layout üçün masalar HTML 4.01-də etibarsızdır
HTML 4 spesifikasiyası aşağıdakılardır: "Tablolar, sənədlərin məzmununu düzəldən vasitələrdən istifadə edilməməlidir, çünki bu, qeyri-vizual media işləyərkən problemlər yarada bilər."
Belə ki, etibarlı HTML 4.01 yazmaq istəyirsinizsə, layout üçün masaları istifadə edə bilməzsiniz. Yalnız cədvəlli məlumatlar üçün masalar istifadə etməlisiniz. Və cədvəl məlumatları ümumiyyətlə bir elektron tablo və ya ehtimal bir verilənlər bazasında görünə bilər bir şeyə bənzəyir.
Ancaq HTML5, qaydaları dəyişdi və artıq layout üçün cədvəllər dəyişdirildi, tövsiyə edilmirsə, indi HTML etibarlıdır. HTML5 spesifikasiyası: "Tablolar layout yardımları kimi istifadə edilməməlidir."
Yuxarıda qeyd etdiyim kimi, masa üçün masalar ekran oxucuları üçün fərqləndirmək çətindir.
Yaratmaq üçün istifadə etdiyiniz dizaynları əldə etmək üçün səhifələrinizin yerləşdirilməsinə və yerləşdirilməsinə CSS istifadə edərək, yalnız HTML 4.01 yoludur. Və HTML5 də bu metodu şiddətlə tövsiyə edir.
Yaratmaq üçün masalar iş perspektivlərini təsir edə bilər
Daha çox yeni dizaynerlər HTML və CSS öyrənərkən, masa planlarının hazırlanmasında bacarıqlarınız az və daha az tələbat içində olacaqdır. Bəli, müştərilər adətən veb səhifələrini yaratmaq üçün istifadə etdiyiniz dəqiq texnologiyanı sizə xəbər vermirlər. Ancaq onlar sənin kimi şeylər üçün soruşurlar:
- Erişilebilir web səhifələr: ekran oxucuları tərəfindən nəzərdən keçirilə bilən dizaynlar bir çox ölkə tərəfindən mandatlandırılır və şirkətlər hər gün əlçatanlığı daha da vacib hesab edirlər.
- Güclü veb səhifələr: gələcəkdə qorumaq niyyətində deyilsinizsə belə onlar ilə birlikdə edə biləcək dizaynlar.
- Esnek dizaynlar: bir çox brauzer, qətnamə və cihazlar arasında işləyən dizaynlar.
- Tez yüklənən səhifələr: sürət hətta SEO üçün daha da əhəmiyyətli hala gəlir.
- Yazdırılabilir dizaynlar: xüsusi skriptlər və ya əlavə pages olmadan çap olunan səhifələr.
Əgər müştərilərin xahişlərini çatdırmaq mümkün deyilsə, bəlkə də bu gün deyil, bəlkə gələcək il və ya il sonra dizaynlar üçün sizə gəlməyəcəkdir. 1990-cı illərin sonlarından etibarən istifadəyə verilmiş bir texnikanın öyrənilməsinə başlamağınızdan ötrü işinizə zərər verə bilirsinizmi?
Əxlaq: CSS-ni istifadə etmək üçün məlumat əldə edin
CSS öyrənmək çətin ola bilər, amma dəyərli bir şey səyinə dəyər. Bacarıqlarınızı durgunlaşmadan saxlamayın. CSS-ləri öyrənmək və veb səhifələrinizi yerləşdirilməsi nəzərdə tutulan şəkildə - CSS-lər üçün düzəldin.