Tutorial XHTML

Data publicarii: Ianuarie 2008

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.

Gresit	XHTML
<li>lista	<li>lista</li>
<td>celula	<td>celula</td>

La etichetele nepereche simbolurile spatiu si / preced simbolul >

HTML	XHTML
<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).

HTML	XHTML
<TABLE> <TR><TD>Text</TD></TR> </TABLE>	<table> <tr><td>Text</td></tr> </table>

Atributele trebuie incadrate intre ghilimele

HTML	XHTML
<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.

Gresit	XHTML
<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

Gresit	XHTML
<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.

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

Sus

03 Sep 2010 6:27 PM