Stiluri de sintaxă HTML5

Ultima postare

Postări: 226

Veronica

Admin

Topic starter

sept. 30, 2021 6:20 pm

(@veronica)

Estimable Member

S-a alăturat: 3 ani în urmă

Stiluri de sintaxă HTML5

Atunci când creăm un document HTML5, putem folosi două stiluri diferite: HTML și XML.

Stilul HTML presupune următoarele puncte:

- Este posibil ca elementele să nu aibă etichete inițiale de pornire
- S-ar putea să lipsească etichetele de sfârșit din elemente
- Numai elementele goale (elemente nule) (de exemplu, br, img, link) pot fi închise cu o bară />
- Cazul numelor de etichete și atribute nu contează
- Puteți omite ghilimele în jurul valorilor atributelor
- Este posibil ca unele atribute să nu aibă valori (bifate și dezactivate)
- Caracterele speciale nu se scapă

Documentul trebuie să aibă un element DOCTYPE

Acesta este așa-numitul stil „permisiv”, bazat pe indulgențe la crearea unui document.

Documentul HTML5 poate fi descris și folosind sintaxa XML. Acest stil se mai numește „XHTML”. Se folosește dacă antetul de tip conținut este application / xml + xhtml. Acest stil este caracterizat de următoarele reguli:

Fiecare element trebuie să aibă o etichetă de deschidere de început
Elementele nevalide cu o etichetă de început trebuie să aibă, de asemenea, o etichetă de sfârșit
Orice element poate fi închis cu o bară />
Numele etichetelor și atributelor sunt sensibile la majuscule, de obicei cu minuscule
Valorile atributelor trebuie citate
Atributele fără valori nu sunt permise (checked="checked" în loc doar checked)
Caracterele speciale trebuie evadate

Alegerea unui anumit stil atunci când scrieți documente html depinde de preferințele programatorului sau ale designerului web. Este adesea folosit un stil mixt, care împrumută regulile din primul și din al doilea stil.

În același timp, trebuie avut în vedere faptul că prezența unui element cu etichete de închidere și deschidere reduce probabilitatea ca elementul să fie interpretat greșit de browser.

De asemenea, includerea valorilor atributelor între ghilimele poate ajuta la evitarea potențialelor erori. De exemplu, atributul clasei poate lua mai multe valori la rând. De exemplu: <div class = "navmenu bigdesctop">. Dar dacă omitem ghilimelele, atunci „navmenu” va fi folosit ca valoare, iar „bigdesctop” va fi interpretat de browser ca un atribut separat.

Dacă există dificultăți cu privire la corectitudinea marcajului HTML generat, atunci acesta poate fi verificat folosind validatorul la https://validator.w3.org .