Pentru majoritatea elementelor HTML, când scrieți codul HTML pentru a le afișa pe o pagină, începeți cu o etichetă de deschidere și încheiați cu o etichetă de închidere. Între cele două etichete ar fi conținutul elementului. De exemplu:
Acesta este conținutul textului
Elementul de paragraf simplu arată cum se va utiliza o etichetă de deschidere și de închidere. Majoritatea elementelor HTML urmează același model, dar există un număr de etichete HTML care nu au atât o etichetă de deschidere, cât și o etichetă de închidere.
Ce este un element gol?
Elementele void sau etichetele singleton din HTML sunt acele etichete care nu necesită validarea unei etichete de închidere. Aceste elemente sunt, de obicei, cele care fie se află singure pe pagină, fie unde sfârșitul conținutului lor este evident din contextul paginii în sine.
Lista elementelor Void HTML
Există câteva etichete HTML 5 care sunt elemente nevalide. Când scrieți un HTML valid, ar trebui să lăsați slash-ul pentru aceste etichete - acesta este cel prezentat mai jos. Dacă scrieți XHTML, slash-ul va fi necesar.
- folosit pentru zona din interiorul unei imagini
- adresa URL de bază pentru toate adresele URL relative dintr-un document. Nu poate exista mai mult de 1 din acestea pe document și trebuie să fie în paginii
- aceasta este o pauză de linie, utilizată adesea în conținutul textului pentru a crea o singură pauză în loc de un paragraf. Acest lucru nu ar trebui să fie folosit pentru a crea separarea vizuală pe o pagină prin stivuirea mai multor etichete , deoarece este o necesitate vizuală și, prin urmare, domeniul CSS
- specifică proprietățile coloanelor pentru fiecare coloană dintr-un element
- specifică o comandă pe care un utilizator o poate invoca
- o regulă orizontală, care este o linie dreaptă pe o pagină. În multe cazuri, granițele CSS sunt folosite pentru a crea linii de separator în locul acestui element HTML
- unul dintre elementele de hrănire ale HTML, acesta este eticheta imaginii. Este folosit pentru a adăuga imagini grafice la o pagină Web.
- un element de formă care este utilizat pentru a capta informații de la vizitatori. Există o serie de tipuri de intrări valide, de la intrarea comună "text" care a fost folosită în formulare de ani de zile, la unele tipuri de intrări noi care fac parte din HTML5
- aceasta este utilizată pentru a dicta un câmp generator de perechi de chei care este utilizat pentru formulare
- meta-tag-urile sunt "informații despre conținut". Ele sunt găsite în unui document și folosite pentru a transmite browserului informații despre pagini. Există multe metaetichete posibile pe care le puteți utiliza pe o pagină Web
- folosit pentru a defini parametrii pentru pluginuri
- această etichetă vă permite să specificați căi alternative de fișiere pentru materialele media de pe pagina dvs., inclusiv videoclipuri sau imagini sau fișiere audio
- aceasta înseamnă Word Break Opportunity. Specifică unde într-un text ar fi acceptabil să adăugăm o rupere de linie.
Încă o dată, aceste etichete singleton reprezintă o excepție de la regulă, spre deosebire de regulă, deoarece majoritatea elementelor HTML au într-adevăr nevoie de o etichetă de deschidere și de închidere. Dintre aceste elemente singleton, unele dintre ele probabil veți folosi destul de des (cum ar fi img, meta sau input), în timp ce altele sunt cele pe care nu ar trebui să le folosiți niciodată în munca dvs. de web design (keygen, wbr și comanda sunt trei elemente care, nu este comun pe paginile web). Cu toate acestea, frecvente sau rare în paginile HTML, este util să fiți familiarizați cu aceste etichete și să știți care este ideea din spatele HTML tag-urilor singleton. Puteți folosi această listă ca referință pentru dezvoltarea web.
Articolul original de Jennifer Krynin. Editat de Jeremy Girard pe 5/5/17.