Blochează aspectul tagurilor de div HTML

Încă în urmă cu zece ani, în rutină a fost cel mai adesea folosit așa-numitul tabel. Având în vedere faptul că standardele anumitor browsere diferă semnificativ unele de altele, a trebuit să căutăm o soluție care să permită afișarea corectă a documentului Internet în toate aplicațiile. Dar a trecut timpul, standardele au evoluat, iar tabloul destul de rigid și inflexibil a fost înlocuit de un schimbător bine schimbat și receptiv bloc de aspect. Piatra de temelie a acestei tehnologii este principiul utilizării elementelor

. În general, documentele HTML au început să fie construite pe baza unor blocuri separate, care, spre deosebire de aspectul tabelului, pot fi independente una de cealaltă.

conținut

Apariție
Standarde și verificare
Utilizarea clasei și a identificatorilor
Etichetă . proprietăți html
Blocuri de poziționare
Alte atribute

apariție

div html

Complicarea paginilor web și dezvoltarea tehnologiei informatice a dus la faptul că documentul web a fost împărțit în două părți - un schelet (cod HTML) și un design (foi de stil). Datorită acestui fapt, am reușit să realizăm o dezvoltare fără precedent a rețelei, rezultatele pe care le putem vedea acum pe cele mai moderne site-uri. În plus față de îmbunătățirea procesului de dezvoltare

HTML permite definirea propriilor reguli pentru fiecare element. Acest lucru a contribuit la îmbunătățirea lizibilității codului paginii web și la reducerea duratei de încărcare a documentului. Acum, motoarele de căutare sunt mult mai rapide și mai bine prelucrate informațiile disponibile pe site.

Standarde și verificare

etichetă

în HTML este folosit în strictă conformitate cu standardele W3C (World Wide Web Consortium). Codul paginii este verificat printr-un instrument special - validatorul, care parsează (scanează și căutări) toate erorile posibile ale paginii. O pagină validă înseamnă că toate etichetele au fost utilizate corect și îndeplinesc pe deplin cerințele standardelor.

div tag în html

tag-uri

vă permit să creați blocuri sau, după cum se numesc, containere. În acest caz, elementele individuale pot fi imbricate una în alta, creând structuri cu configurația și complexitatea necesare. Utilizarea etichetei

Neînsoțit de o clasă sau de un identificator nu este practic găsit. Acest lucru se datorează "fără chip" a elementului. Dacă nu atribuie o clasă, atunci toate containerele vor avea configurația identică.

Pentru a crea un document cu adevărat valid, trebuie să utilizați următoarea structură a etichetei

class = "some_name". Referindu-vă la numele clasei, în foile de stil puteți stabili poziția, dimensiunea, plumbul și alți parametri ai unui bloc individual în document.

Utilizarea clasei și a identificatorilor

div în html

bloc

HTML poate fi definit fie prin id, fie prin id. clasă de clasă. Diferența dintre primul și al doilea este că id-ul este folosit o singură dată pe pagina documentului. Asta este, este folosit pentru a defini elemente unice care nu se repetă în altă parte a codului paginii. Atributul de clasă vă permite să aplicați același lucru reguli de stil la mai multe elemente. Această abordare simplifică foarte mult dezvoltarea și susținerea codului. În plus, un obiect poate avea mai multe clase în același timp. Pentru recunoașterea corectă, ele sunt pur și simplu separate prin spații.

Firește, structura bloc a documentului nu implică utilizarea unei singure etichete

. În structura oricărei pagini de internet vor exista întotdeauna alte elemente. În plus, elementul bloc în sine

poate avea un tip complet diferit de cartografiere. Aceasta se face folosind proprietatea de afișare. Elementul poate avea o linie sau chiar un tabel, care vă permite să creșteți în mod semnificativ flexibilitatea utilizării blocului și să creați un site de orice configurație.

etichetă
. Proprietăți HTML

div class

După cum sa menționat deja, această etichetă nu modifică designul fragmentului paginii, dar este folosit pentru a crea o structură semantică cu design ulterior prin foi de stil. Utilizarea unei etichete de închidere pentru acest element este obligatorie.

În ciuda faptului că multe browsere moderne vor putea recunoaște această eroare, în unele cazuri, o etichetă neînchipuită poate determina că structura documentului se va deteriora și nu va fi afișată corect.

Deoarece acest element este blocat, conținutul conținut în el va începe cu o nouă linie. Pentru a schimba acest comportament, trebuie să modificați parametrii de afișare ai blocului cu proprietatea de afișare. În plus față de gruparea elementelor imbricate, eticheta

vă permite să formatați locația conținutului în interiorul acestuia. Pentru a face acest lucru, utilizați atributul Aliniere, care vă permite să plasați text sau imagine în stânga, dreapta sau centrul elementului părinte.

Blocuri de poziționare

Ce este div în html

Folosind atributul position vă permite să modificați metoda de poziționare a elementului selectat. Deci, există trei tipuri de poziționare:

Static (static) - este utilizat în mod implicit. În acest caz, elementul este poziționat în funcție de poziția din codul HTML.
Relativ (relativă). În acest caz, locația obiectului este calculată în același mod ca și în cazul poziționării statice, dar această proprietate vă permite să schimbați poziția pentru copii.
Absolut (absolut). Poziția sa este calculată în raport cu elementul cu poziționare relativă.

Alte atribute

Atributele de sus și de stânga sunt folosite pentru a schimba poziția față de punctul de origine. Valorile pot fi pozitive sau negative. Lățimea și înălțimea elementului bloc este specificată de atributele de lățime și înălțime. Dacă nu au fost specificate în foile de stil, blocul va ocupa întreaga lățime a elementului părinte. Dacă conținutul blocului nu se potrivește cu toată lățimea "părintelui", atunci comportamentul elementului este determinat de atributul de suprapunere.

Sperăm că acest articol a ajutat la înțelegerea a ceea ce este

în HTML.

Distribuiți pe rețelele sociale:

înrudit