Dacă sunteți un începător sau un expert în Hyper Text Markup Language (HTML) este important să urmați câteva bune practici pentru a vă păstra documentele HTML coerente și organizate. Cu atât de multe elemente, atribute, proprietăți, valori și multe altele – sunt multe de învățat.
Iată 10 bune practici HTML de care să țineți cont atunci când lucrați la următorul proiect.
1. Folosiți structura corectă a documentului
Documentele HTML vor funcționa în continuare fără elemente precum <html>, <head> și <body>. Cu toate acestea, paginile nu vor fi redate corect în fiecare browser, așa că este important să fiți consecvenți folosind structura corectă a documentului.
Exemplu:
2. Declarați doctype-ul corect
Când creați un document HTML, primul lucru care trebuie declarat este doctype-ul. Acesta va indica browserului standardele pe care le folosiți pentru a vă reda corect marcajul. Doctypul se plasează înaintea etichetei <html> din partea de sus a paginii. Dacă nu sunteți sigur ce declarație să folosiți, W3.org oferă informații despre cum să alegeți doctype-ul corect.
3. Întotdeauna închideți tag-urile
Pentru a evita să întâmpinați erori de validare amintiți-vă întotdeauna să aveți un tag de închidere pentru fiecare tag pe care îl creați.
4. Nu folosiți stiluri în linie
Poate părea o cale ușoară de a plasa stilul în linie cu codul în loc să creați o foaie de stil externă. Cu toate acestea, stilurile inline nu sunt o bună practică de codare, deoarece îngreunează actualizarea și întreținerea unui site web. În schimb, păstrați stilurile separate de marcajul HTML.
5. Utilizați atributul alt cu imaginile
Nu este obligatoriu să aveți un atribut alt cu imaginile, ceea ce face ca acesta să fie ușor de ignorat. Cu toate acestea, este important să aveți un atribut alt semnificativ din motive de validare și accesibilitate. Atributul alt oferă context cititorilor de ecran, așa că ar trebui să fie descriptiv cu privire la ceea ce conține imaginea.
6. Validați frecvent
În loc să așteptați până când terminați cu documentul HTML, validați-vă codul de mai multe ori pe măsură ce lucrați. Acest lucru vă va ajuta să economisiți ceva timp la final prin identificarea timpurie a erorilor, mai ales dacă documentul dumneavoastră este lung. Un validator HTML popular de utilizat este serviciul de validare a marcajelor de la W3C.
7. Plasați foile de stil externe în cadrul tag-ului <head>
Deși foile de stil externe pot fi plasate oriunde în documentul HTML, cea mai bună practică este să le plasați în cadrul tag-ului <head>. Acest lucru va permite paginii dumneavoastră să se încarce mai repede.
8. Folosiți tag-uri semnificative
Care secțiune a paginii dvs. web ar trebui să fie construită folosind cel mai potrivit tag HTML5 pentru conținut. Cel mai bine este să evitați utilizarea excesivă a tag-urilor generice, cum ar fi <div>, atunci când ar putea exista un tag mai descriptiv pentru treaba respectivă, cum ar fi <section>, <article>, și așa mai departe.
9. Folosiți marcajul cu minuscule
Marcajul HTML poate fi scris cu minuscule sau cu majuscule, iar pagina web va fi redată corect. Cu toate acestea, este cea mai bună practică să păstrați numele tag-urilor în minuscule, deoarece este mai ușor de citit și de întreținut.
10. Reduceți numărul de elemente de pe o pagină
Documentele HTML pot deveni complicate, în special pentru paginile web cu mult conținut. Pentru a reduce dimensiunea paginilor dumneavoastră, verificați oportunitățile de a optimiza și mai mult codul după ce ați terminat de marcat.
Vreți să aflați mai multe despre cele mai bune practici HTML? Consultați aceste alte articole:
- Cele mai bune practici HTML
- Standarde de cod front-end & Cele mai bune practici
- Scrierea celui mai bun cod
Nu doriți să o faceți singur sau aveți nevoie de ajutor?
TBH Creative lucrează mereu pentru a fi la curent cu cele mai bune practici în dezvoltarea web.