Layout cu straturi 2

În ciuda faptului că termenul "strat" ​​este folosit destul de constant în dezvoltarea site-ului, decodificarea acestui concept în literatura de specialitate privind construcția sitului este aproape că nu este acordată atenție. În viitor, vom folosi în mod activ termenul "strat", deci mai întâi trebuie să determinăm ce se înțelege prin aceasta.







În prezent, dezvoltatorii de browsere populare au început să adere la specificațiile HTML și CSS, ceea ce a facilitat mult viața creatorilor de site-uri, deoarece a redus timpul pentru depanarea site-ului în diferite browsere. Cu toate acestea, există diferențe în abordările pentru browsere și atunci când apar, dezvoltatorii aderă la următoarele forme de lucru.

Dacă există mici diferențe în afișarea unui site în diferite browsere, atunci aceste diferențe sunt închise de ochi. Pur și simplu pune, nu corectează. Aici ar trebui să faceți o rezervare că site-ul ar trebui să fie afișat corect și fără erori. În cazul în care site-ul are diferențe semnificative atunci când este afișat în unul și celălalt browser, atunci pentru a le elimina se aplică hacks. Hack este un set de tehnici atunci când un anumit browser este "fixat" de cod care este înțeles numai de acest browser, iar restul este ignorat.

În ciuda faptului că hack-urile funcționează, ar trebui să fie folosite în mod limitat sau deloc fără ele. Faptul este că hack-urile reduc universalitatea codului și pentru modificarea parametrilor unui element trebuie să efectuați modificări simultan în locuri diferite.

Există un alt mod promițător - de a respecta specificațiile CSS. În ciuda faptului că browserele nu o susțin pe deplin, ele progresează în această direcție. Anume, suport complet pentru diferite specificații (HTML, CSS, DOM). Astfel, se pare că versiunile viitoare ale browserelor vor fi unificate și același site va fi afișat corect.

Din nou, ne întoarcem la straturi. Este clar că acestea sunt direct legate de stiluri. Dacă da, nu este posibil ca fiecare element al codului HTML la care sunt adăugate stilurile să fie un strat? Într-un fel, este. Cu toate acestea, acest lucru ar introduce o confuzie considerabilă, dacă în loc de "tabel" sau "paragraf" am spune "strat". Prin urmare, suntem de acord să trimitem acest termen numai la etichete







Un strat este un element al unei pagini web creată utilizând o etichetă

la care se aplică designul de stil.

Astfel, aspectul folosind straturi este utilizarea constructivă a etichetelor

și stiluri. Următoarele principii sunt respectate.

Separarea conținutului și a designului Codul HTML trebuie să conțină numai etichete de marcare și etichete logice de formatare, iar orice tip de design este mutat în afara codului în stiluri. Această abordare vă permite să controlați în mod independent aspectul elementelor paginii și al conținutului acesteia. Datorită acestui fapt, mai multe persoane pot lucra pe site, în timp ce fiecare își îndeplinește funcția independent de celelalte. Designerul, layout-ul și programatorul lucrează în mod autonom asupra sarcinilor lor, reducând timpul necesar dezvoltării site-ului.

Etichetare activă

Când se utilizează straturi, o valoare semnificativă este dată etichetei universale

care îndeplinește multe funcții. De fapt, aceasta este baza pe care stilurile sunt "atârnate", transformându-l într-o jucărie, apoi într-un animal mic. Nu înseamnă că numai această etichetă este aplicată, trebuie să inserați și să formatați textul. Dar când faceți planul folosind straturile, eticheta

este un bloc de construcție, fundația sa de bază.

Datorită acestei etichete, codul HTML se rupe într-o serie de blocuri vizuale clare, datorită aspectului straturilor denumit și aspectul blocului. În acest caz, codul este mai compact decât în ​​layout-ul tabelului, în plus, motoarele de căutare îl indexează mai bine.

Tabelele sunt utilizate numai pentru prezentarea datelor tabulare.De obicei, atunci când faceți un aspect, sunt utilizate tabele, dar numai atunci când sunt necesare, de exemplu, pentru afișarea vizuală a numerelor și a altor date de tabel. Varianta, atunci când se propune să se refuze de la mese, este inadecvată și, în plus, dăunătoare.

Utilizarea stilurilor nu este o caracteristică obligatorie a layout-ului straturilor, iar pentru aspectul tabelului, stilurile pot fi utilizate destul de activ. Este o altă problemă că acest lucru devine un standard de facto și acum nu există nici o modalitate de a face fără stiluri.

Rezumat Un strat este un element de bază al aspectului paginii web, în ​​care stilurile sunt aplicate în mod activ și respectă specificațiile HTML și CSS. Cu această abordare, un rol important este dat tagului

cu care majoritatea oamenilor asociază straturile. Într-un sens, acest lucru este adevărat, așadar suntem de acord să folosim termenul "strat" ​​în viitor pentru etichetă

pentru care este specificat un identificator de stil sau o clasă. Astfel, expresia "strat cu conținutul de nume" implică utilizarea etichetei

Deși browserele moderne funcționează mai mult sau mai puțin corect cu stiluri, uneori există dezacorduri între ele despre citirea aceluiași cod. În astfel de cazuri, pagina web va fi afișată în moduri diferite în diferite browsere. Pentru a evita acest lucru, utilizați hacks - tehnici menite să asigure că fiecare browser obține propriul cod sau stil. Cu toate acestea, utilizarea de hacks în timpul aspectului este considerată o formă proastă, deci ar trebui să le folosiți numai în cazuri extreme sau chiar să le faceți fără ele.







Articole similare

Trimiteți-le prietenilor: