Da pe Twitter
Da pe FacebookCum sa te pregatesti pentru XHTML
XHTML nu este chiar asa diferit de standardul HTML 4.01.
Deci un prim pas ar fi aducerea codului la standardul 4.01. In plus ar trebui ca niciodata sa nu sariti peste tag-urile de inchidere ca de exemplu </p>. In acelasi timp ar trebui sa incepeti sa scrieti codul HTML numai cu litere mici.
Principalele diferente:
- Elementele XHTML trebuie imbricate corect.
- Elementele XHTML trebuie inchise intotdeauna.
- Elementele XHTML trebuie scrise cu lietere mici.
- Documentele XHTML trebuie sa aibe un element radacina(root).
Elementele XHTML trebuie imbricate corect
In HTML, unele elemente pot fi imbricate incorect ca in exemplul urmator:
<b><i>Acest text este bold si italic</b></i>
In XHTML, toate elementele trebuie sa fie corect imbricate ca in exemplul urmator:
<b><i>Acest text este bold si italic</i></b>
ATENTIE! O greseala foarte des intalnita in cazul listelor imbricate este accea ca se uita faptul ca lista imbricata trebuie sa se gaseasca intre tag-urile <li> si </li>.
Acest exemplu este gresit:
<ul>
<li>Cafea</li>
<li>Ceai
<ul>
<li>Ceai negru</li>
<li>Ceai verde</li>
</ul>
<li>Lapte</li>
</ul>
Acesta este acelasi exemplu dar corect:
<ul>
<li>Cafea</li>
<li>Ceai
<ul>
<li>Ceai negru</li>
<li>Ceai verde</li>
</ul>
</li>
<li>Lapte</li>
</ul>
Observati ca am introdus un tag </li> dupa tag-ul </ul> in exemplul corect.
Elementele XHTML trebuie sa fie intotdeauna inchise
Elementele care nu sunt “goale” trebuie sa aibe un tag de sfarsit.
Aici avem un exemplu gresit:
<p>Acesta este un paragraf <p>Aici este al doilea paragraf
Aici avem acelasi exemplu dar corect:
<p>This is a paragraph</p> <p>This is another paragraph</p>
Elementele goale trebuie deasemenea inchise
Elementele goale trebuie fie sa aibe un tag de sfarsit fie tag-ul de inceput trebuie sa se temine cu />.
Aici avem exemple de greseli:
O pauza: <br> O linie orizontala: <hr> O imagine: <img src="happy.gif" alt="Happy face">
Aceleasi exemple dar corecte:
O pauza: <br /> O linie orizontala: <hr /> O imagine: <img src="happy.gif" alt="Happy face" />
Elementele XHTML trebuie sa fie scrise intotdeauna cu litere mici
Specificatile XHTML prevad clar ca tag-urile si atributele sa fie scrise cu litere mici.
Acesta este un exemplu de greseala:
<BODY> <P>Acesta este un paragraf</P> </BODY>
Acesta este acelasi exemplu scris corect:
<body> <p>Acesta este un paragraf</p> </body>
Documentele XHTML trebuie sa aibe un element radacina(root)
Toate elementele XHTML trebuie sa fie imbricate in elementul radacina (root )<html>. Toate celelalte elemente pot avea sub elemente (copii – children). Toate sub elementele trebuie sa fie in perechi si sa fie corect imbricate in elementul parinte.
Structura de baza a documentului este urmatoarea:
<html> <head> ... </head> <body> ... </body> </html>HTML, root, tag, tutorial, XHTML
