robot de la enciclopedia para niños

XHTML para niños

Enciclopedia para niños
Datos para niños
XHTML
XHTML.svg
Desarrollador
World Wide Web Consortium
WHATWG
whatwg.org
Información general
Extensión de archivo .xhtml,.xht,
.xml,.html,.htm
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 Sí 

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.

¿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".

Procesamiento más sencillo para navegadores

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)
  • 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>
  • 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>
  • Comillas en atributos: Los valores de los atributos siempre deben ir entre comillas (simples o dobles).
    • Incorrecto: <td rowspan=3>
    • Correcto: <td rowspan="3">
  • 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>
  • Atributos completos: No se permite la forma abreviada de los atributos.
    • Incorrecto: <textarea readonly>Solo-lectura</textarea>
    • Correcto: <textarea readonly="readonly">Solo-lectura</textarea>
  • 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)

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>
  • 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>

Galería de imágenes

Ver también

  • CSS
  • Web Accessibility Initiative

Véase también

Kids robot.svg En inglés: XHTML Facts for Kids

kids search engine
XHTML para Niños. Enciclopedia Kiddle.