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