XHTML para niños
Datos para niños XHTML |
||
---|---|---|
![]() |
||
Desarrollador | ||
World Wide Web Consortium WHATWG |
||
whatwg.org | ||
Información general | ||
Extensión de archivo | .xhtml,.xht, |
|
Tipo de MIME | application/xhtml+xml |
|
Lanzamiento inicial | 1.0, 26 de enero de 2000(info) | |
Última versión | Living Standard | |
Tipo de formato | Lenguaje de marcado | |
Extendido de | HTML, XML | |
Estándar(es) | ||
Formato abierto | ![]() |
|
XHTML significa "Lenguaje de Marcado de Hipertexto Extensible". Es una versión de HTML que sigue reglas más estrictas, las mismas que usa XML. Piensa en HTML como el lenguaje que construye las páginas web que ves. XHTML es como una versión de HTML que es más ordenada y precisa.
Esta precisión extra ayuda a que los programas de computadora entiendan mejor la información de una página web. También facilita encontrar errores y hacer cambios. El objetivo principal de XHTML, según el World Wide Web Consortium (W3C), es ayudar a crear una "web semántica". Esto significa que la información y cómo se muestra en la web estén claramente separadas.
XHTML 1.0 fue aprobado por el W3C el 26 de enero de 2000. Una versión posterior, XHTML 1.1, se aprobó el 31 de mayo de 2001. Hoy en día, XHTML se considera una forma de escribir HTML usando las reglas de XML.
Contenido
¿Por qué usar XHTML?
XHTML ofrece varias ventajas importantes sobre el HTML tradicional. Estas ventajas hacen que las páginas web sean más fáciles de manejar para las computadoras y los desarrolladores.
Mayor compatibilidad y organización
Una de las grandes ventajas es que puedes combinar fácilmente diferentes tipos de contenido en una misma página. Por ejemplo, puedes incluir fórmulas matemáticas o gráficos vectoriales (imágenes que no pierden calidad al ampliarse) junto con el texto normal. Esto se logra usando algo llamado "espacios de nombres XML".
Los navegadores web (como Chrome o Firefox) no necesitan "adivinar" lo que el creador de la página quiso decir. Como XHTML tiene reglas muy claras, el programa que lee el código (llamado parser) puede ser mucho más simple y rápido. Esto ayuda a que las páginas se carguen y funcionen mejor.
Herramientas de edición más potentes
Como XHTML se basa en XML, puedes usar herramientas especiales diseñadas para trabajar con documentos XML. Estas herramientas facilitan la edición, la transformación y la gestión de grandes cantidades de información en tus páginas web.
Diferencias clave entre HTML y XHTML
XHTML 1.0 tiene reglas específicas que lo distinguen de HTML 4.01. Muchas de estas diferencias vienen de que XHTML es una aplicación de XML, que es más estricto que SGML (el lenguaje en el que se basaba HTML).
Aquí te mostramos algunas de las reglas más importantes de XHTML:
- Cierre de etiquetas: Todas las etiquetas deben cerrarse.
- Incorrecto:
<br>
- Correcto:
<br />
(con un espacio antes de la barra para mayor compatibilidad)
- Incorrecto:
- Cierre de etiquetas no vacías: Las etiquetas que encierran contenido también deben cerrarse.
- Incorrecto:
<p>Primer párrafo<p>Segundo párrafo
- Correcto:
<p>Primer párrafo</p><p>Segundo párrafo</p>
- Incorrecto:
- Orden de anidación: Las etiquetas deben anidarse correctamente. La última etiqueta que se abre debe ser la primera en cerrarse.
- Incorrecto:
<em><strong>Texto</em></strong>
- Correcto:
<em><strong>Texto</strong></em>
- Incorrecto:
- Comillas en atributos: Los valores de los atributos siempre deben ir entre comillas (simples o dobles).
- Incorrecto:
<td rowspan=3>
- Correcto:
<td rowspan="3">
- Incorrecto:
- Minúsculas: Los nombres de las etiquetas y los atributos deben escribirse en minúsculas.
- Incorrecto:
<A HREF="http://www.ejemplo.com">Ejemplo</A>
- Correcto:
<a href="http://www.ejemplo.com">Ejemplo</a>
- Incorrecto:
- Atributos completos: No se permite la forma abreviada de los atributos.
- Incorrecto:
<textarea readonly>Solo-lectura</textarea>
- Correcto:
<textarea readonly="readonly">Solo-lectura</textarea>
- Incorrecto:
- Atributos desaprobados: Algunos atributos de HTML 4.01 que ya no se recomendaban no forman parte de XHTML.
- Incorrecto:
<font color="#0000FF">Texto azul</font>
- Correcto:
<span style="color: #0000FF;">Texto azul</span>
(usando estilos CSS)
- Incorrecto:
Reglas para documentos estrictos
Si usas una versión muy estricta de XHTML, hay algunas reglas adicionales:
- El texto no debe ir directamente en el cuerpo de la página (dentro de la etiqueta body) sin estar dentro de otra etiqueta.
- Incorrecto:
<body>Texto plano</body>
- Correcto:
<body><span>Texto plano</span></body>
- Incorrecto:
- No debes poner elementos de "bloque" (como títulos o párrafos) dentro de elementos de "línea" (como texto en cursiva o negrita).
- Incorrecto:
<em><h2>Título</h2></em>
- Correcto:
<h2><em>Título</em></h2>
- Incorrecto:
Galería de imágenes
Ver también
- CSS
- Web Accessibility Initiative
Véase también
En inglés: XHTML Facts for Kids