Tutorial basico de XHTML
Publicado el 14 / 05 / 2009
XHTML, acrónimo en inglés de eXtensible Hypertext Markup Language (lenguaje extensible de marcado de hipertexto), es el lenguaje de marcado pensado para sustituir a HTML como estándar para las páginas web. En su versión 1.0, XHTML es solamente 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 de lograr una web semántica, donde la información, y la forma de presentarla estén claramente separadas. La versión 1.1 es similar, pero parte a la especificación en módulos. En sucesivas versiones la W3C planea romper con los tags clásicos traÃdos de HTML.
¿Qué es exactamente XHTML?
- Es un reemplazo del HTML tradicional
- Es una versión más estricta y limpia del HTML
- Se define como una aplicación XML
- Es una recomendación del W3C
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:1. Todos los elementos deben estar debidamente jerarquizados Cuando estamos escribiendo nuestros documentos es muy común que erroneamente encerremos elementos de forma inadecuada, por ejemplo:
El hermoso gato bengal corria feliz y afilaba sus uñas
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:
El hermoso gato bengal corria feliz y afilaba sus uñas
2. Todo documento debe estar bien formado Lo cual quiere decir que todos nuestros documentos deben tener al menos la siguiente estructura:
...
...
3. Los nombres de las etiquetas deber estar en mÃnusculas Al ser XHTML una aplicación XML, está hace diferencia entre mayúsculas y minúsculas, por lo que y son dos cosas muy diferentes
4. Todas las etiquetas deben cerrarse En versiones anteriores del HTML era posible dejar etiquetas sin cerrar, incluso en algunos libros se enseñaba que no era necesario cerrar las etiquetas asi que si leiste alguno de esos libros.. OLVIDATE!!! En XHTML es obligatorio que todas las etiquetas sean cerradas:
<p&t;Esto es un párrafoes un codigo incorrecto, paa escribirlo correctamento utilizamos:
<p&t;Esto es un párrafo</p&t;
Donde tenemos la etiqueta de cierre correspondiente. En los casos donde las etiquetas son sin cierre como
<br>, <hr>, <imgglt;y otras, el cierre se da dentro de ella misma, terminando la etiqueta con un espacio y una => / , por ejemplo:
Este texto hace un <br /><b>Salto de LÃnea</b> y después pone una lÃnea abajo <br /><hr />
5. Los nombres de los atributos deben ir en minúsculas Te acordas del punto 3? Bueno esa es la razón x la que "todos los nombres de atributos para una etiqueta deben ir en minúsculas". Por ejemplo:
<img SRC="imagen.gif"&rt;es un codigo incorrecto, paa escribirlo correctamento utilizamos:
<img src="imagen.gif" /&rt;
6. "Los valores de los atributos deben ir entre comillas"
Esto es para evitar confusiones, por ejemplo si ponemos:
<div align=center>es un codigo incorrecto, paa escribirlo correctamento utilizamos:
<div align="center">
7. El atributo "id" reemplaza al atributo "name"
En XHTML el atributo "name" está descontinuado, en su lugar utilizamos el atributo "id":
<input type="text" id="txt_nombre" size="25" />
Sólo en casos de compatibilidad con navegadores antiguos debemos utilizar el atributo "name", si estamos usando XHTML transicional, el atributo "name" esta 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:
- 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:
- XHTML 1.0 Frameset: Se debe usar cuando se manejan frames, su declaración es la siguiente:
Comentarios
Dejar comentario
Nombre: adummabal - Agregado el 01-08-10
hello, this my first post. Thanks for a great source of webdesign tips and tricks, very useful indeed!
Nombre: Matias - Agregado el 12-07-09
Muy buena info, gracias!
...........................................
Rta. Admin: Gracias x tu comentario Matias!
