Utilizarea diferitelor dispozitive pentru afișarea informațiilor a dus la necesitatea prezentării adecvate a acestora, fără referire la moduri, parametri și condiții specifice de afișare.
Idei populare anterioare de bloc, tabular,aspectele din cauciuc, adaptive (și alte opțiuni) sunt ceva din trecut. În prezent, informațiile ar trebui să fie afișate pur și simplu la fel de accesibile, pe cât posibil, și în egală măsură pe orice dispozitiv.
O persoană conduce un dialog în cuvinte și îl înțeleg.Însă el poate folosi material vizual și poate clarifica ceea ce s-a spus prin gesturi, desene, termeni sau, în alt mod, să-și concentreze atenția ascultătorului (consumatorului). Drept urmare, el atinge rapid obiectivul.
Site-ul este obligat să furnizeze informații în același modîn acest caz, nu trebuie să existe cerințe suplimentare pentru codificare la nivel HTML, CSS, JavaScript sau PHP, în special. Rezultatul trebuie să atingă obiectivul și să fie furnizat atât pe un computer personal, cât și pe orice alt dispozitiv mobil sau staționar.
Limbile hipertext sunt folosite nu numai de browsere, ci și de alte instrumente. Furnizarea de informații ar trebui să compenseze toate diferențele.
Nu ar trebui să vă adânciți întotdeauna în HTML sau CSS,pentru a atinge efectul dorit. De multe ori suficient pentru a utiliza mijloace simple, dar eficiente. Costurile minime pentru orice afacere sunt o caracteristică caracteristică a codificării informațiilor moderne pentru afișarea corectă a acesteia.
În special, regulile float și clare pot fiaplicat în etichete HTML și descrieri CSS și nu va necesita costuri suplimentare, iar efectul va fi adecvat. Regula de clarificare CSS, atunci când este utilizată într-un element, îi permite să se potrivească corect, indiferent de dimensiunea zonei de afișare și pe ce dispozitiv are loc acest proces.
CSS nu este sofisticat șise străduiește pentru cea mai accesibilă simplitate. Folosind regula float: stânga sau float: dreapta într-un element, îl puteți apăsa într-o parte sau alta a blocului din jurul său, iar următorul element cu o regulă CSS este clar: ambele - așezați informațiile din jur.
Există trei valori posibile pentru această regulă:
De asemenea, puteți utiliza valorile none și mosteniRegula CSS este clară, care este în esență aceeași cu funcționalitatea prezentată: elementul anterior (sau elementele) nu va fi înfășurat în jurul stânga, dreapta sau pe ambele părți. Acesta este de fapt o linie de alimentare. Toate următoarele elemente vor apărea în următorul bloc de informații. Ce informații vor fi afișate înainte ca elementul cu regula CSS clear este determinată de dezvoltator. Elemente cu poziționare absolută sunt formate pe pagină în locul stabilit de proprietățile lor.
De fapt, regula CSS clară permitepentru structurarea (gruparea) elementelor informaționale. Dispozitivul afișează informații într-un flux comun și, atunci când detectează o regulă clară într-un element, își afișează conținutul în consecință.
Așa cum s-a întâmplat de obicei în alte tehnologii, aspectul descris a trecut prin multe etape și, în final, s-a încadrat în două mari categorii:
Fiecare dezvoltator interpretează cele de mai sus.în felul meu. Unii au rămas fideli terminologiei „machete adaptive”. Alții spun că fac site-uri de cauciuc. Totuși, alții conving clientul de nevoia de dispunere a unui bloc sau a unei tabele ... Nu contează cum se numește procesul, instrumentul sau altă metodă pentru obținerea rezultatului.
Doar timpul de dezvoltare și rezultatul sunt întotdeauna importante.muncă. În primul caz, utilizarea regulii clare CSS este puțin probabil să aibă sens, la fel cum regula float va dispărea la fel de inutilă. Pentru a crea o pagină, publicați informații și luați în considerare caracteristicile diverselor dispozitive va fi un algoritm sofisticat în JavaScript sau o combinație de stiluri CSS, strâns legate de div-urile HTML.
În cel de-al doilea caz, datorită regulilor de float și clar, descrierea CSS vă permite să formați pur și simplu un flux de elemente de pagină. Un rezultat acceptabil va fi obținut rapid și eficient.
