Tutorial XHTML

Data publicarii: Ianuarie 2008

Tutoriale » XHTML » Tutorial XHTML

XHTML Jan 2008

XHTML

XHTML este un standard web si este prescurtarea de la eXtensible HyperText Markup Language. XHTML se aseamana foarte bine cu HTML, dar foloseste o sintaxa mai stricta decat HTML.

Daca sunteti familiarizati cu limbajul HTML nu veti intampina probleme in construirea paginilor XHTML sau transformarea celor HTML in XHTML.

Pentru crearea unor pagini XHTML corecte respectati urmatoarele reguli:

Toate etichetele trebuie inchise
Etichetele pereche se inchid, prin eticheta de inchidere.

GresitXHTML
<li>lista<li>lista</li>
<td>celula<td>celula</td>

La etichetele nepereche simbolurile spatiu si / preced simbolul >

HTMLXHTML
<img ... ><img ... />
<br><br />
<input ... ><input ... />

Toate tag-urile sunt scrise cu litere mici
Documentele XHTML sunt aplicatii XML. XML este un limbaj case sensitive (se face distinctia intre litere mici si mari).

HTMLXHTML
<TABLE>
<TR><TD>Text</TD></TR>
</TABLE>
<table>
<tr><td>Text</td></tr>
</table>

Atributele trebuie incadrate intre ghilimele

HTMLXHTML
<img src=name.jpg><img src="name.jpg" />
<input type=text name=nume><input type="text" name="nume" />

Elementele se incadreaza in ordinea corecta
Elementele (succesive) se inchid in ordine inversa fata de cum au fost deschise.

GresitXHTML
<tr><td>Continut</tr></td><tr><td>Continut</td></tr>
<b><i>Text</b></i><b><i>Text</i></b>

Atributul alt va fi prezent in toate etichetele img

GresitXHTML
<img src="poza.jpg"><img src="poza.jpg" alt="poza">

Structura unui pagini XHTML
Primele 2 linii (DOCTYPE si html) vor fi detaliate ulterior

<!DOCTYPE html PUBLIC ... >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Titlul paginii XHTML</title>
</head>
<body>
Continutul pagini XHTML
</body>
</html>

Declaratia DOCTYPE
Aceasta este o eticheta HTML, motiv pentru care nu trebuie inchisa cu simbolul / ca in XHTML.

Declaratia XHTML DOCTYPE transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Declaratia XHTML DOCTYPE strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Declaratia XHTML DOCTYPE frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Eticheta html
In HTML aceasta eticheta nu avea atribute. In XHTML are atributul xmlns (XML NameSpace), cu valoarea adresa URL unde sunt prezentate specificatiile W3C.

<html xmlns="http://www.w3.org/1999/xhtml">

Declaratia DOCTYPE si eticheta html informeaza browserul si validatoarele asupra tipului documentului, pentru o corecta interpretare.

Sus

Tutoriale
17 Feb 2025  8:15 AM

Copyright © 2005-2023 Termeni si conditii
 
Comentarii:
Corina
11-03-2013
am inceput si eu de curand sa invat xhtml. nu este mare diferenta fata de html. doar doctype e schimbat. am citit ca toate etichetele trebuie inchise cu / si apoi verificat validat codul sa nu aiba erori. multumesc catalin
Sandu
08-04-2013
La XHTML se foloseste alt doctype fata de HTML? Nu sunt aceleasi? La TIC profu nu a mentionat aceasta presupusa diferenta. Lamureste-ma pls
Autor
08-04-2013
Difera declaratiile DOCTYPE, nu sunt aceleasi la HTML si XHTML.

Sus