XHTML: codificación web para diseño refinado

• Mayo 4, 2024

XHTML 1.0 y 1.1 representan EXtensible HsipText METROArkup Lcambiar el idioma y representar un salto gigante desde HTML 4.0. Combinan lo mejor de HTML 4.0 con XML para brindarle al diseñador un esquema de codificación más sofisticado para un diseño web refinado y más decisivo.

El W3C, padres de todos los lenguajes HTML, describió XHTML 1.0 como "el primer cambio importante a HTML desde que se lanzó HTML 4.0 en 1997. Aporta el rigor del XML a las páginas web y es la piedra angular en el trabajo del W3C para crear estándares que proporcionen páginas web más completas en una gama cada vez mayor de plataformas de navegador, incluidos teléfonos celulares, televisores, automóviles, comunicadores inalámbricos, quioscos y computadoras de escritorio de tamaño billetera ".

Variaciones XHTML

Hay tres tipos distintos de XHTML disponibles para satisfacer las necesidades de todos los diseñadores web. Estos incluyen Strict, Transitional y Frameset XHTML.

XHTML 1.0 Strict - La forma más pura para diseñadores web experimentados. Esta versión le permite crear un código limpio, sin tener que insertar código de diseño (fuente, color, diseño) en todo el documento. En su lugar, incorporas el código de la hoja de estilo en cascada (CSS) al principio.

XHTML 1.0 Transitional - un medio del formato de código de ruta para ayudar a los diseñadores que necesitan tiempo para aprender este nuevo medio de codificación, o desean acomodar a los espectadores que todavía usan navegadores web más antiguos. Se utilizan hojas de estilo, pero también se incorpora un buen código HTML antiguo. Por ejemplo, la etiqueta del cuerpo todavía incluye los atributos bgcolor, text, links, vlinks.

Conjunto de marcos XHTML 1.0 - esta variación se explica por sí misma - la usa cuando desea incorporar XHTML en un documento basado en marcos.

Todavía otra versión más avanzada, XHTML 1.1 permite que se agregue código modular para necesidades internacionales y otras necesidades especiales de codificación. Los módulos RUBY se incorporan para facilitar esta codificación adicional. El cambio más significativo en XHTML 1.1 es el desacoplamiento de los datos de la presentación. El formateo ya no está incrustado con datos y solo se puede lograr haciendo referencia a Hojas de estilo en cascada (CSS). Esto deja los datos disponibles para su fácil análisis y reutilización por una amplia gama de nuevos productos que no son de escritorio y aplicaciones de accesibilidad.

Poner en orden su HTML

Dave Raggett y Source Forge de W3C ofrecen actualmente una gran utilidad de código abierto, HTML Tidy para diseñadores que desean convertir sus documentos HTML actuales a XHTML (y ordenar su código en el proceso). Esta práctica herramienta ayudará a que su código brille al realizar todas estas tareas útiles:

• Las etiquetas finales faltantes o no coincidentes se detectan y corrigen


• Las etiquetas finales en el orden incorrecto se corrigen


• Soluciona problemas con énfasis de encabezado


• Se recupera de etiquetas mezcladas


• Agregar la barra oblicua faltante en las etiquetas finales para las anclas


• Perfeccionando listas poniendo etiquetas faltantes


• Se agregan comillas faltantes alrededor de los valores de los atributos


• Se reportan atributos desconocidos / propietarios


• Los elementos de propiedad se reconocen e informan como tales.


• Las etiquetas que carecen de un soporte de terminación se ven


• Reemplaza el exceso de código de diseño con propiedades de estilo y reglas usando CSS


• Elimina párrafos vacíos y elementos de encabezado

The Nitty Gritties

Una de las "reglas" principales al usar XHTML es que el código debe estar limpio y completo.

• Todos los elementos deben tener etiquetas de cierre y anidar correctamente.


• Todas las etiquetas deben escribirse en minúsculas: XML distingue entre mayúsculas y minúsculas.


• Las etiquetas finales deben incluirse para TODOS elementos


• Todos los atributos deben estar entre comillas, por ejemplo. ancho, colspan, rowspan


• Los elementos vacíos deben tener una etiqueta final

Una mano amiga

¿Te sientes abrumado por aprender otro formato HTML? La ayuda está a la mano, si es así. XStandard es un editor de código WYSIWYG que te ayuda a escribir código XHTML puro y limpio en XHTML 1.0 Strict o XHTML 1.1. Los creadores describen este software como: "el editor WYSIWYG basado en estándares más avanzado del mercado. Es ideal para cualquier sistema de gestión de contenido basado en Windows o navegador que admita ActiveX. XStandard gestiona contenido enriquecido en cualquier idioma, tiene fuertes características de accesibilidad y admite opciones de edición populares que incluyen tablas, ajuste de texto alrededor de imágenes y arrastrar y soltar archivos en el editor ". El software viene en una versión XStandard Lite gratuita y una versión XStandard Pro más versátil.

Si desea que su sitio funcione bien en los navegadores de hoy y en dispositivos no tradicionales, y que continúe funcionando bien en el de mañana, es una buena idea crear nuevos sitios en XHTML y convertir páginas antiguas a XHTML según lo permita su horario de trabajo. ¡Por supuesto, este no es el final! Ya se está trabajando para crear XHTML 2.0. El movimiento es centrarse únicamente en la estructura, no en la compatibilidad con versiones anteriores. Puede leer sobre esta nueva forma de XHTML en el sitio web de IBM en su artículo, El futuro de la web: XHTML 2.0.

Serie de artículos destacados de HTML

PARTE 1: ¿Debe un diseñador creíble saber HTML?
PARTE 2: HTML 3.2 - El nacimiento de Wilbur
PARTE 3: HTML 4.0 y 4.01 - ¡Más de una buena cosa!
PARTE 4: XHTML: codificación web para diseño refinado
PARTE 5: DHTML: codificación web dinámica

Instrucciones De Vídeo: CURSO DE DISEÑO Y DESARROLLO WEB - COMPLETO (Mayo 2024).