XHTML

 

Diferencias entre HTML y XHTML. Ventajas.

Diferencias entre XHTML y HTML

A consecuencia de la estandarización de la gramática de XHTML, ésta es mucho más estricta que la de HTML. Las principales diferencias entre XHTML y HTML son:

Todos los nombres de etiquetas y atributos van en minúsculas
Por ejemplo, en lugar de <TITLE> escribir <title>, o, <img src="" /> en vez de <IMG SRC="" /> ...

Todos los valores de los atributos entre comillas
Correcto: <img src="foto.png" />
Incorrecto: <img src=foto.png />

Todos los atributos deben tener un valor.
Incorrecto: <input type="ckeckbox" name="pais" value="España" checked />
Correcto: <input type="ckeckbox" name="pais" value="España" checked="checked" />

Todas las etiquetas deben estar cerradas
En html abriamos etiquetas y no teníamos la necesidad de cerrarlas, por ejemplo <li> , <td> , <p>. En XHTML deben cerrarse, así <li> </li>, <td> </td> , <p> </p>
Las etiquetas anidadas deben cerrarse de dentro hacia fuera. Un ejemplo de esto es un párrafo (<p>) dentro del cual se abre una etiqueta de enlace (<a>). Habría que cerrarlos en el orden inverso: </a></p>

Cerrar las etiquetas vacias
Por ejemplo <br> , <img> deben cerrarse con una / al final, dejando un espacio en blanco despues del último atributo, tal y como muestra el ejemplo, <br /> , <img src="foto.png" />
Esto es para evitar confusiones con los navegadores desarrolados antes del estándar XHTML.

En los comentarios, no incluir guiones dobles
Incorrecto: <!-- no es -- valido -->
Incorrecto: <!--------------------->
Correcto: <! es valido -->

FONT y ciertos atributos desaparecen

Hemos dicho que XHTML deja de lado la apariencia del documento, ya que eso es controlado por CSS. Entonces, las etiquetas <font> y <basefont> carecen de sentido.
Además, esos atributos de algunas etiquetas que hacen referencia al color de las cosas, imágenes de fondo, etc. también desaparecen por este motivo: son sustituidos por reglas CSS. Así que sayônara a bgcolor y compañía. Lo mismo para el atributo align usado en párrafos e imágenes.

B y amigos también se van

Ciertas etiquetas de formato, como <b> (negrita), <i> (cursiva), etc. ya no se usan porque hacen referencia exclusivamente a la apariencia de las palabras. Si queremos dar énfasis, utilizamos <em>, y para dar énfasis más fuerte <strong>. Los navegadores suelen mostrarlas como cursiva y negrita, respectivamente, aunque
esto es lo de menos porque podemos cambiarlo con CSS.

Codificar los caracteres < y &

Ventajas de XHTML sobre HTML

En realidad las ventajas de XHTML son todavía pocas sobre HTML, pues todavía es la primera versión de este lenguaje, y se podría considerar como una versión de transición. Algunas de estas ventajas son:

Se prevé que en próximas versiones de XHTML las ventajas sean muchas más, comenzando con una mayor independencia de HTML.