1. XHTML
Creado debido al uso cada vez más generalizado de dispositivos de navegación, para permitir el
manejo de la información de una manera estandarizada y lo más universalmente posible.
Por esta razón surge XHTML (e X tensible H yper t ext M arkup L anguage o Lenguaje Extensible
de Marcado de Hipertexto), con un etiquetado más estricto que HTML, que permite una correcta
interpretación de la información, independientemente del dispositivo con que se accede a ella.
Un sitio Web o un documento XHTML funcionan con todos los navegadores y al mismo tiempo en
todos los dispositivos portátiles con soporte XML.
XHTML ESTRUCTURA
El contenido por jerarquías y la parte visual de los documentos, por otra.
De esta forma se puede acceder al mismo contenido a través de distintos dispositivos, en cada
uno de los cuales se da una presentación gráfica distinta, de acuerdo a sus particularidades,
como el tamaño de pantalla, resolución, etcétera
No importa si un sitio utiliza tecnología PHP, ASP, JSP o cualquier otra, porque XHTML se integra
a ellas y las complementa de manera exitosa
XHTML es la versión XML de HTML, por lo que tiene, básicamente, las mismas funcionalidades,
pero cumple las especificaciones más estrictas de XML. Su objetivo es avanzar en el proyecto
del World Wide Web Consortium (W3C), de lograr una Web semántica, en la que la información
y la forma de presentarla estén separadas claramente.
VENTAJAS
Entre las ventajas de XHTML sobre otros lenguajes, está su capacidad para adaptarse a
navegadores “antiguos”. Esto le permite ser versátil en la manera de ofrecer la información,
porque un mismo documento puede presentar diseños completamente distintos. Debido a la
limpieza de su código, es más sencilla la edición desde éste.
DESVENTAJAS
Una desventaja que presenta XHTML es que algunos navegadores “antiguos” aún no son
totalmente compatibles con los estándares. En algunas ocasiones las páginas no se muestran
correctamente, aunque esto es cada vez menos frecuente, porque este tipo de navegadores son
menos usados. A esto se suma que algunas herramientas de diseño no producen correctamente
el código XHTML.
Si se utiliza un código HTML no válido y el documento no funciona en un navegador en
particular, se trata de un problema del autor, pero si se emplea un código XHTML válido y no
funciona, entonces es una falla del navegador
2. Reglas básicas del XHTML
Al ser una recomendación y un estándar, es necesario observar que nuestros documentos
XHTML deben respetar ciertas reglas básicas:
Todos los elementos deben estar debidamente
jerarquizados
Cuando estamos escribiendo nuestros documentos es muy común que erróneamente
encerremos elementos de forma inadecuada, por ejemplo:
<p><i>El <b>Veloz murcielago hindú</b> comía feliz cardillo y caña</p></i>
En este ejemplo, hemos cerrado la etiqueta de párrafo antes de lo debido, en algunos
navegadores esto pasará desapercibido, sin embargo la forma correcta es la siguiente:
<p><i>El <b>Veloz murcielago hindú</b> comía feliz cardillo y caña</i></p>
Todo documento debe estar bien formado
Lo cual quiere decir que todos nuestros documentos deben tener al menos la siguiente
estructura:
<html>
<head> ... </head>
<body> ... </body>
</html>
Los nombres de las etiquetas deber estar en minúsculas
Al ser XHTML una aplicación XML, está hace diferencia entre mayúsculas y minúsculas, por lo
que <BODY> y <body> son dos cosas muy diferentes
Todas las etiquetas deben cerrarse
En versiones anteriores del HTML era posible dejar etiquetas sin cerrar, incluso yo alcancé a leer
algunos libros donde el mismo autor te decía que no era necesario cerrar tal o cual etiqueta, en
XHTML es obligatorio que todas las etiquetas sean cerradas, por lo que:
<p>Esto es un párrafo
Es incorrecto, en su lugar debe ser:
<p>Esto es un párrafo</p>
El cual tiene su etiqueta de cierre correspondiente. en los casos donde las etiquetas son unarias
como <br>, <hr>, <img> y otras, el cierre se da dentro de ella misma, terminando la etiqueta
con />, por ejemplo:
Este texto hace un <br /><b>Salto de Línea</b> y después pone una línea abajo <br /><hr />
3. Los nombres de los atributos deben ir en minúsculas
Por lo antes mencionado en el punto 3, todos los nombres de atributos para una etiqueta deben
ir en minúsculas, por ejemplo:
<img SRC="imagen.gif"> es inválido, en su lugar <img src="imagen.gif" /> sería lo correcto
Los valores de los atributos deben ir entre comillas
Esto para evitar confusiones, por ejemplo:
<div align=center> es incorrecto, en su lugar use <div align="center">
El atributo id reemplaza al atributo name
En XHTML el atributo name está descontinuado, en su lugar use el atributo id:
<input type="text" id="txt_nombre" size="25" />
Sólo en casos de compatibilidad con navegadores antiguos debe usarse el atributo name, si
estamos usando XHTML transicional, el atributo name es permitido.
El DOCTYPE
Todos los documentos XHTML válidos deben llevar un elemento llamado DOCTYPE, el cual no es
parte del documento en sí, sino que define el tipo de DTD (Document Type Definition o
Definición de tipo de documento) a emplear en nuestros documentos, es obligatorio y puede ser
uno de estos tres:
XHTML 1.0 Strict: Se usa cuando se desea utilizar al 100% XHTML, su nombre lo dice
bien claro, es XHTML estricto, la declaración del mismo es como sigue: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML 1.0 Transitional: Es el más usado ya que permite manejar elementos de XHTML y
HTML 4.01, además de que se debe usar cuando nuestro navegador no soporta
correctamente CSS(¿No les recuerda a una E azul?), su declaración es la que
sigue:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset: Se debe usar cuando se manejan frames, su declaración es la
siguiente: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
REFERENCIAS
http://www.w3c.es/divulgacion/guiasbreves/XHTML
http://www.cristalab.com/tutoriales/tutorial-basico-de-xhtml-c143l/
http://www.prothotype.com/blog/archives/231/primeros-pasos-para-crear-paginas-con-xhtml-y-
css/