Pe pagina anterioară, am identificat trei tipuri de divizări ale paginilor site-ului în blocuri - aspectul folosind cadrele, aspectul tabelului și aspectul blocului (sau aspectul stratului). Aici vom vorbi despre avantajele și dezavantajele acestor metode.
Site-urile construite prin această metodă se găsesc încă pe Internet. Doar arata ca aceste site-uri nu sunt moderne. Cu toate acestea, nu mai rău decât pagina pe care sunteți acum, după cum puteți vedea făcând clic pe acest link. Acolo veți vedea aceeași pagină, încadrată cu cadre. Dacă te uiți la codul sursă al acestei pagini, nu vei vedea textul real. Codul sursă pentru un set de frames specifică numai ferestrele la care sunt redate fișierele cu conținut. Fiecare fereastră are toate proprietățile ferestrei browserului, în special bara de derulare, cu fiecare fereastră care poate funcționa independent de restul ferestrelor. Fișierele afișate în aceste ferestre sunt decorate în conformitate cu toate regulile HTML, au un antet, un corp și așa mai departe.
Ramele pot fi folosite pentru site-uri simple, în special pentru a afișa pe toate paginile elemente care se repetă pe fiecare pagină, de exemplu, o siglă, o indicație privind drepturile de autor, meniul principal și așa mai departe. Dar dacă un element nu ar trebui să apară deloc, ci pe o parte a paginilor? În general, în cadrele moderne de aspect nu sunt folosite frecvent.
Arhivare tabelară la crearea paginilor web
Tabelele de lungă durată au rămas instrumentul principal pentru dezvoltarea structurii paginilor site-ului, deoarece acestea oferă un mecanism destul de simplu și convenabil pentru plasarea diferitelor elemente pe o pagină web. Datorită prezenței unui număr mare de parametri, de exemplu, posibilitatea specificării limitelor oricăror tabele, inclusiv a grosimii zero, vă permite să implementați o variantă arbitrară de împărțire a paginilor în blocuri, zone, părți. În zonele definite în acest fel, puteți adăuga text, imagini și alte elemente. Confort și o mare varietate de opțiuni de aspect - acesta este principalul avantaj al tabelelor. Și nu singurul lucru, mesele au și alte plusuri.
Crearea coloanelor. Paginile care constau dintr-o singură coloană se găsesc pe site-uri destul de rar. Într-adevăr, este utilă separarea textului principal de elementele auxiliare și secundare, cum ar fi link-urile, sondajele, norii tag-uri și altele asemenea. Tabelele vă permit cu ușurință să organizați un aspect cu două și trei coloane a documentului. Când redimensionați fereastra browserului, coloanele își păstrează aspectul original, mai degrabă decât să fie mutate ca straturi unul față de celălalt. În plus, înălțimea diferitelor coloane atunci când se utilizează tabele rămâne aceeași, indiferent de volumul conținutului lor.
Formatul "cauciuc". Tabelele sunt potrivite pentru crearea unui aspect "cauciuc", a cărui lățime este legată de lățimea ferestrei browserului. Datorită faptului că mărimea mesei poate fi stabilită ca procent, ea își ocupă tot spațiul liber. De asemenea, puteți regla locația conținutului pe verticală. De exemplu, dacă este puțin text, atunci "subsolul" paginii poate să stea în mijlocul acesteia. Parametrii tabelului pot fi ajustați astfel încât, cu un text mic, "subsolul" să se potrivească perfect marginii de jos a ferestrei browserului, indiferent de mărimea ferestrei.
"Lipirea" imaginilor. Desenele sunt deseori tăiate în fragmente separate, apoi sunt reasamblate într-una, aruncând niște fragmente sau înlocuindu-le cu alte imagini. Acest lucru este necesar pentru diferite elemente de design cum ar fi crearea efectului de rulare, animare sau reducerea numărului de fișiere. Tabelele vă permit să lipiți cu ușurință mai multe imagini într-o singură imagine. Fiecare imagine este plasată într-o anumită celulă, parametrii tabelului sunt setați astfel încât să nu existe îmbinări între celule individuale.
Imagini de fundal. În celulele mesei, puteți adăuga un tapet, în funcție de dimensiunea celulei, poate fi repetat orizontal, vertical sau în două direcții simultan. Datorită acestei recepții pe pagină, se creează linii decorative, cadre de cele mai diverse forme, se adaugă o umbră sub element.
Aliniați elementele. Conținutul celulelor poate fi aliniat simultan orizontal și vertical, extinzând astfel posibilitățile de plasare a elementelor relativ una la alta și pe pagină în ansamblu.
Caracteristici ale browserelor. Navigatorii interpretează destul de liber unii parametri CSS, creând astfel un cod universal care utilizează straturi poate fi o adevărată durere de cap pentru dezvoltatori. În acest sens, tabelele sunt afișate în diferite browsere aproape la fel, astfel că crearea paginilor web este simplificată.
În ciuda avantajelor descrise în tabele, acestea au, de asemenea, anumite neajunsuri, care uneori vă obligă să căutați alte modalități de a face planul.
Încărcare lungă. Particularitatea tabelelor este că până când ultimul cuvânt din partea de jos a mesei este încărcat, conținutul celulelor nu va fi afișat pe ecran. Browserele utilizează această abordare pentru a obține toate informațiile despre tabel pentru a formata corect conținutul. Dar dacă masa este mare în înălțime, ar putea dura mult timp înainte de a vedea informațiile necesare. Există modalități de ocolire a acestei proprietăți, în special, împărțirea unei mese mari în mai multe mese mai mici și utilizarea proprietății de stil table-layout.
Cod voluminoasă. Tabelele conțin o structură ierarhică complexă a etichetelor imbricate, ceea ce mărește cantitatea de cod și crește complexitatea modificării parametrilor individuali. În unele cazuri, pentru a obține rezultatul dorit, trebuie să plasați o masă în interiorul celeilalte și acest lucru afectează și dimensiunea codului care nu participă direct la afișarea paginii web.
Slab indexarea de către motoarele de căutare. Datorită faptului că textul este localizat în celule separate ale tabelului, în cod poate fi destul de departe una de cealaltă. O astfel de fragmentare a informațiilor, precum și o inserție semnificativă a etichetelor face dificilă indexarea corectă a paginii de către motoarele de căutare. Drept rezultat, documentul nu se încadrează în primii zece dintre interogările pentru cuvintele cheie, deși ar putea fi meritat.
Este dificil de separat conținutul și designul. În mod ideal, codul HTML ar trebui să conțină numai etichete cu o clasă de stil sau un identificator. Și toate design-ul, precum culoarea textului și poziția elementului, sunt redate în CSS și modificate separat. Această separare vă permite să editați independent codul paginii și să modificați aspectul elementelor sale individuale. Deși stilul este ușor adăugat la tabele, dar abundența etichetelor "extra" nu vă permite să gestionați cu adevărat și cu ușurință aspectul componentelor individuale ale paginii. În plus, nu toți parametrii tabelelor au propriul sinonim al stilului, deci în orice caz trebuie să vă referiți la codul paginii web și să-l editați.
Nerespectarea standardelor. Recent, standardele HTML și CSS sunt ferm încorporate în mintea dezvoltatorilor web. Acest lucru este facilitat de dezvoltarea XHTML și XML, care sunt mai "grele" pentru codul documentului, apariția noilor versiuni ale browserelor care respectă caietul de sarcini și designul layout-ului pentru straturi. Ce se refera la caietul de sarcini? Și ea spune că mesele din primul și ultimul loc sunt necesare pentru a plasa date tabulare. Toate celelalte modalități de utilizare a tabelelor sunt condamnate.
Imposibilitatea stratificării. Tabelele nu pot fi suprapuse între ele, ceea ce creează anumite dificultăți în structura paginilor de design complexe.
Dificultăți în crearea de pagini complexe. Arhitectura tabelară a paginilor de design complex duce la apariția multor tabele imbricate. Creșterea numărului de tabele crește șansele de erori în aspect, mărește dimensiunea documentelor și reduce viteza de descărcare a fișierelor.
Aplicarea tabelelor pentru aspect
Desigur, plusurile și minusurile tabelelor nu sunt echivalente unul cu celălalt. Faptul că pentru un singur sit poate fi iertat, pentru alta este o eroare grosieră. Prin urmare, descriem în ce caz tabelele sunt mai logice pentru a face față aspectului decât alte instrumente, în special straturi. Deci, mesele sunt potrivite în anumite circumstanțe, care sunt descrise mai jos.
Înălțimea coloanelor ar trebui să fie aceeași. Tabelele ajută la stabilirea coloanelor de aceeași înălțime pentru diferite volume de coloane. Desigur, un astfel de efect poate fi observat numai dacă se aplică o umplere de fundal pentru coloane sau se adaugă un cadru.
Aspectul ar trebui să ocupe întreaga înălțime a ferestrei browserului, indiferent de cantitatea de informații. Cu ajutorul tabelului, puteți obține efectul că partea de jos a paginii ("subsolul") este aliniată la marginea de jos a ferestrei browserului. Acest lucru are sens dacă cantitatea de date nu este suficientă pentru a crește înălțimea documentului. În caz contrar, o parte din pagină va fi "agățată" în mijlocul ferestrei. Firește, pentru un document cu un volum suficient, afișarea acestuia are loc ca de obicei.
Nu este timp pentru un aspect complex. Este necesar să recunoaștem că tabelarea, dacă nu este mai ușoară, este mult mai obișnuită decât aspectul folosind straturi. Tabelele au fost folosite de câțiva ani și este firesc ca metodele de aspect cu ajutorul lor să devină canonice. Prin urmare, în condițiile unei limite de timp pentru crearea unui site, utilizarea tabelelor este mai mult decât justificată. Apropo, multe studiouri de design angajate în dezvoltarea de site-uri, din acest motiv, preferă tabelul de aspect. Rezultatul este planificat și așteptat, iar erorile cu afișarea site-ului în diferite browsere practic nu apar.
Dacă abordați modul critic de a utiliza tabelele, adevăratul motiv pentru popularitatea lor este conservatorismul dezvoltatorilor, familiaritatea și viteza de aranjare a site-urilor cu ajutorul lor. Un lucru este clar - mesele treptat renunta la pozitiile lor in favoarea layout-ului prin straturi.
Blocarea blocurilor (Layout Layers)
Recent, direcția cea mai la modă în aspect este aspectul așa-numit bloc, implementat cu ajutorul etichetelor
Anularea blocului înlocuiește treptat tabela, deși există încă o dezbatere cu privire la care dintre cele două metode este de preferat. Trebuie remarcat imediat că acest litigiu se referă numai la cazul în care tabelele sunt utilizate pentru aspect. Dacă se referă la prezentarea datelor tabulare pe pagină, atunci nu există nicio îndoială, deoarece tabelele sunt destinate în acest scop. Și în acest rol își ia locul potrivit pe paginile site-urilor.
Avantajele și dezavantajele aspectului blocului
- Ansamblul de blocuri comunică perfect cu stilurile. Toate proprietățile blocurilor sunt specificate în foaia de stil, care permite implementarea mai completă a principiului separării conținutului și designului. În acest caz, codul este mai compact decât în layout-ul tabelului, în plus, motoarele de căutare îl indexează mai bine.
- Blocurile de straturi pot fi suprapuse unul pe altul, ceea ce facilitează plasarea elementelor pe pagina web.
- Încărcarea mai rapidă a paginilor cu aspect bloc în comparație cu paginile de aspect ale tabelului.
- Abilitatea de a plasa straturi semnificative (de exemplu, conținutul de text) în cod înainte de alte straturi care sunt vizuale pe pagina de deasupra stratului semnificativ. Această proprietate facilitează indexarea paginilor cu aspect blocat de către roboții de căutare.
Există structuri bloc și laturile lor negative. Cu aplicația sa, este mai dificil să oferim același tip de pagini în diferite browsere, deoarece nu toate browserele respectă în mod egal specificațiile și standardele. Însă browserele avansează spre sprijinul deplin al diferitelor specificații (HTML, CSS, DOM), deci există speranța că versiunile viitoare ale browserelor vor fi unificate și același site va fi afișat la fel de corect.