XHTML vs. HTML.- Sus Principales diferencias
Como bien sabemos XHTML (EXtensible HyperText Markup Language) es la nueva generación de HTML, algunos la llaman la versión limpia o estricta de HTML.
¿Por qué debemos utilizarlo? Pues porque es una de las recomendaciones de la W3C (XHTML 1.0 fue remendada por la W3C el 26 de Enero del 2000), ya que según la Corporación irá reemplazando gradualmente a HTML.
En este artÃculo dedicado a XHTML, les comentamos las pocas diferencias, a tener en cuenta, respecto a HTML 4.01:
Podemos resumir las principales diferencias en 4:
- XHTML elementos deben ser correctamente anidado
- XHTML documentos debe ser gramaticalmente correcto
- Los nombres de etiqueta deben estar en la minúscula
- Todos los elementos XHTML deben estar cerrados
LOS ELEMENTOS DEBEN SER CORRECTAMENTE ANIDADOS
En HTML algunos elementos pueden ser incorrectamente anidados el uno dentro del otro de esta manera:
<b><i>Este texto esta en negrita y en itálica</b></i>
En XHTML todos los elementos deben ser correctamente anidados el uno dentro del otro de esta manera:
<b><i>Este texto esta en negrita y en itálica</i></b>
Ojo: Un error común en las listas anidadas, es el olvidar que la lista interior debe estar dentro de un elemento li, de esta manera:
<ul>
<li>Pintura</li>
<li>Literatura
<ul>
<li>Prosa</li>
<li>PoesÃa</li>
</ul>
<li>Música</li>
</ul>
Debe ser:
<ul>
<li>Pintura</li>
<li>Literatura
<ul>
<li>Prosa</li>
<li>PoesÃa</li>
</ul>
<li>Música</li>
</ul>
Observa que hemos insertado una etiqueta después de la primera etiqueta </ul>
LOS DOCUMENTOS DEBEN SER GRAMATICALMENTE CORRECTOS
Todos los elementos XHTML deben estar anidados dentro de la etiqueta del elemento de raÃz. Todos los otros elementos pueden tener sub elementos. Estos deben estar en pares y correctamente anidados dentro de su elemento paternal. La estructura de documento básica es:
<html>
<head> ... </head>
<body> ... </body>
</html>
LOS NOMBRES DE LAS ETIQUETAS DEBEN ESTAR EN MINÚSCULA
Esto es porque los documentos XHTML son expresiones XML. Y XML es casesensitive. Las etiquetas como
Esto estarÃa mal:
<body>
<p>Esto es un párrafo</p>
</body>
Esto es correcto:
<body>
<p>Esto es un párrafo</p>
</body>
TODOS LOS ELEMENTOS XHTML DEBEN ESTAR CERRADOS
Los elementos no vacÃos deben tener una etiqueta final.
Esto estarÃa erróneo:
<p>Esto es un párrafo
<p>Esto es otro párrafo
Lo correcto serÃa:
<p> Esto es un párrafo </p>
<p> Esto es otro párrafo </p>
Los elementos vacÃos también deben estar cerrados.
Los elementos vacÃos deben o tienen una etiqueta de final o la etiqueta de principio debe terminarse con />.
Esto estarÃa mal:
Esto es un salto de lÃnea <br>
Aquà colocamos una barra horizontal:<hr>
Esta es una imagen <img src="happy.gif" alt="Estoy feliz">
Debe ser:
Esto es un salto de lÃnea <br />
Aquà colocamos una barra horizontal:<hr />
Esta es una imagen <img src="happy.gif" alt="Estoy feliz" />
Recuerda: Para hacer tu XHTML compatible con los navegadores de hoy, debes añadir un espacio suplementario antes del "/>" por ejemplo: <br />, <hr />.
Esta muy claro. muchas gracias
- responder
Enviado por JoeUyuni (no verificado) el Lun, 07/20/2009 - 15:47.Deja tu comentario