InternetWeb design

Block aspect div tag-uri HTML

Chiar și unii zece ani în urmă, în RuNet folosit cel mai des așa-numitul aspect tabular. Datorită faptului că standardele de unele browsere au fost semnificativ diferite unele de altele, a trebuit să caute o soluție care ar afișa în mod corespunzător documentul on-line în toate aplicațiile. Dar , pe măsură ce timpul a continuat, dezvoltarea de standarde și pentru a înlocui masa destul de rigidă și inflexibilă a venit bine și receptiv variabilă aspect bloc. În fruntea acestei tehnologii este principiul folosind elemente

. HTML-documente în majoritatea au fost construite pe baza unor blocuri individuale, care, spre deosebire de aspectul de masă poate fi independent unul de celălalt.

apariție

Complexitatea tot mai mare a paginilor web și dezvoltarea tehnologiei de calculator a condus la faptul că documentul web a fost împărțit în două părți - cadru (codul HTML) și design-(foi de stil). Cu aceasta realizat de dezvoltare fără precedent a web, rezultatele pe care acum suntem capabili de a contempla pe cele mai multe site-uri. În plus față de îmbunătățirea

Procesul de dezvoltare HTML a permis să se determine pentru fiecare element individual al normelor lor de proiectare. Acest lucru a contribuit la îmbunătățirea lizibilitatea paginilor web și pentru a reduce timpul de descărcare de documente. Acum, motoarele de căutare de informații mult mai rapid și mai bine procesul disponibile pe site.

Standarde și validarea

tag-ul în HTML utilizat în strictă conformitate cu standardele W3C (World Wide Web Consortium). Verificarea sursei paginii a avut loc un instrument special - validatorul, care parses (scanări și căutări) tot felul de erori pe pagina. Pagină este valabilă înseamnă că toate etichetele au fost utilizate în mod corespunzător și să îndeplinească în totalitate cerințele standardelor.

tag-uri vă permit să creați blocuri, sau așa cum sunt numite containere. Elementele individuale pot fi imbricate, creând astfel structura și configurația necesară complexitate. Utilizând identificatorul de clasă neînsoțit
tag-ul sau, practic, nu are loc. Aceasta este cauzată de elementul „fără chip“. Dacă el nu atribuie un grad, în cele din urmă, toate containerele vor avea o configurație identică.

Pentru a crea un document cu adevărat corect, trebuie să utilizați următoarea structură a tag-ul

class = «un to_imya“. Pornirea numele clasei în foaia de stil, puteți determina locația, dimensiunea și alți parametri ai însumarea unui singur bloc în document.

Folosind clase și ID-uri

Bloc

HTML poate fi definit ca un identificator ID-ul, de clasă și de clasă. Spre deosebire de primul la al doilea este că id-ul este utilizat doar o singură dată pe o pagină de document. Asta este, este folosit pentru a determina elementele unice care nu se va repeta in codul paginii. atribut de clasă vă permite să aplice aceleași reguli de stil pentru mai multe elemente. Această abordare simplifică foarte mult dezvoltarea și susținerea Codului. În plus, un obiect poate avea mai multe clase. Pentru recunoașterea corespunzătoare a unui spațiu comun.

Desigur, structura bloc a documentului nu implică utilizarea de un singur tag

. Structura oricărei pagini web va fi mereu alte elemente. Element În plus, în sine bloc
poate avea un alt fel de afișare. Acest lucru se face folosind afișajul de proprietăți. Elementul poate fi un șir de caractere sau un ecran de masă, care poate crește în mod semnificativ flexibilitatea de utilizare a unității și de a crea un site web de orice configurație.

tag. HTML-proprietăți

După cum sa menționat deja mai sus, tag-ul nu se schimba fragmentul aspectul paginii și utilizat pentru a crea o structură semantică cu înregistrarea ulterioară de foi de stil. Folosind o etichetă de închidere pentru acest element este obligatoriu.

În ciuda faptului că multe browsere moderne va fi capabil să recunoască o astfel de greșeală, în unele cazuri, tag-ul neînchis poate provoca „razvalivanie“ structura documentului și eșecul său de afișare.

Din moment ce acest element este un bloc, atunci măsura în care acesta cuprinde conținut va începe cu o nouă linie. Pentru a modifica acest comportament trebuie să se schimbe unitatea de afișare cu afișarea parametrilor de proprietate. Pe lângă gruparea elementelor imbricate

tag-ul vă permite să formatați aspectul de conținut în cadrul acestuia. Acesta utilizează atributul align, prin care puteți plasa text sau imagine de pe stânga, dreapta, sau centrul elementului mamă.

blocuri de poziționare

Utilizarea atributului de poziție vă permite să schimbați metoda de poziționare a elementului selectat. Deci, există trei tipuri de poziționare:

  • Static (static) - implicit. În acest caz, elementul este în conformitate cu poziția în codul HTML.
  • Relativ (relativă). În acest caz, localizarea obiectului se calculează în același mod ca și în cazul poziționării statice, dar această caracteristică vă permite să schimbați poziția pentru copii.
  • Absolută (absolut). Poziția sa este calculată în raport cu elementul de poziționare relativă.

alte atribute

atributele sus și din stânga sunt folosite pentru a schimba poziția în raport cu punctul de origine. Valorile pot fi atât pozitive, cât și negative. Lățimea și înălțimea elementului bloc atribute lățime și înălțime definită, respectiv. În cazul în care nu au fost specificate în foaia de stil, unitatea va prelua întreaga lățime a elementului mamă. Dacă conținutul blocului nu se potrivește pe lățimea „părinte“, atunci comportamentul unui element este determinat de preaplin atribut.

Speram ca acest articol a ajutat să se ocupe de problema a ceea ce un

în HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ro.atomiyme.com. Theme powered by WordPress.