Tutorial XHTML - Introducere in XHTML

  »   XHTML  »   Tutorial XHTML - Introducere in XHTML

Am sa incerc sa explic in cateva pagini limbajul de programare XHTML. Un tutorial pe care ar fi trebuit sa il scriu de mult dar mi-a fost imposibil.
eXtensible HyperText Markup Language, sau pe numele lui mic XHTML, este o versiune mult mai stricta si mai curata a HTML. Poate fi considerat o combinatie intre Html si XML.
Xhtml 1.0 a devenit o recomandare a W3C (World Wide Web Consortium) la data de 26 ianuarie 2000.
XHTML este un standard compatibil cu toate browserele si este aproape identic cu HTML 4.01.

Diferente intre HTML si XHTML

Dupa cum am spus ceva mai sus XHTML este o versiune stricta a html-ului. Vom lua un exemplu pentru a demonstra aceasta afirmatie.
De exemplu, multe browsere ar afisa codul de ma jos fara erori.

html<html>
	<head>
	</head>
	<title>Un exemplu de cod HTML cu greseli</title>
	<body>
		<h1>Titlu aici
		<p>Text intr-un paragraf
	<body>

Acesta nu ar fi un cod valid din punct de vedere XHTML.
In XHTML toate elementele trebuiesc

  • inchise intotdeauna
  • inchise in aceasi ordine in care au fost deschise
  • scrise cu litere mici
  • deschise si inchise in ordinea specifica

Voi exemplifica putin fiecare afirmatie.

1. In XHTML toate elementele trebuiesc inchise

Cod HTML acceptat de browser

html<p>Acesta este un paragraf
<p>Acesta este un alt paragraf

Cod corect XHTML

xhtml<p>Acesta este un paragraf</p>
<p>Acesta este un alt paragraf</p>

O greseala intalnita destul des este neinchiderea elementelor unei liste

html<ul>
	<li>Element 1
	<li>Element 2
</ul>

Cod corect XHTML

xhtml<ul>
<li>Element 1</li>
<li>Element 2</li>
</ul>

2. In XHTML toate elementele trebuiesc inchise in ordinea in care au fost deschise

Cod HTML acceptat de browser

html<b><i>Acest text este ingrosat si inclinat in acelasi timp</b></i>

Cod corect XHTML

xhtml<b><i>Acest text este ingrosat si inclinat in acelasi timp</i></b>

3. In XHTML toate elementele trebuiesc scrise cu minuscule.

Cod HTML acceptat de browser

html<HTML>
	<HEAD>
		<TITLE>Cod XHTML incorect</TITLE>
	</HEAD>
	<BODY>
		<P>Un paragraf oarecare</P>
	</BODY>
</HTML>

Cod corect XHTML

xhtml<html>
	<head>
		<title>Cod XHTML corect</title>
	</head>
	<body>
		<p>Un paragraf oarecare</p>
	</body>
</html>

4. Toate elemente XHTML trebuiesc deschise si inchise in ordinea specifica.

Ma refer aici la faptul ca toate elementele trebuiesc incapsulate in cele doua taguri <html> iar celelalte elemente deschise si inchise in ordinea corespunzatoare.

xhtml<html> 
	<head>....</head>
	<body>....</body>
</html>