HTML VS. Xhtml

HTML VS. Xhtml

Html y Xhtml son ambos idiomas en los que se escriben las páginas web. HTML está basado en SGML, mientras que XHTML está basado en XML. Son como dos lados de la misma moneda. XHTML se derivó de HTML para cumplir con los estándares XML. Por lo tanto, XHTML es estricto en comparación con HTML y no permite que el usuario se salga con la supso en la codificación y la estructura.

La razón por la que se desarrollara XHTML fueron las etiquetas específicas del navegador. Las páginas codificadas en HTML parecían diferentes en diferentes navegadores.

Cuadro comparativo

Gráfico de comparación HTML versus XHTML
HtmlXhtml
Introducción (de Wikipedia) HTML o el lenguaje de marcado de hipertexto es el lenguaje de marcado principal para crear páginas web y otra información que se puede mostrar en un navegador web. XHTML (lenguaje de marcado de hipertexto extensible) es una familia de lenguajes de marcado XML que reflejan o extienden versiones del lenguaje de marcado de hipertexto ampliamente utilizado (HTML), el lenguaje en el que se escriben las páginas web.
Extensión del nombre de archivo .html, .htm .xhtml, .xht, .xml, .html, .htm
Tipo de medios de Internet texto/html aplicación/xhtml+xml
Desarrollado por W3c y whatwg Consorcio Mundial de la red
Tipo de formato Formato de archivo de documento Lenguaje de marcado
Extendido desde Sgml Xml, html
Representa Lenguaje de marcado de hipertexto Lenguaje de marcado de hipertexto extensible
Solicitud Aplicación del lenguaje de marcado generalizado estándar (SGML). Aplicación de XML
Función Las páginas web están escritas en HTML. Versión extendida de HTML que es más estricta y basada en XML.
Naturaleza Marco flexible que requiere un analizador específico de HTML indulgente. Subconjunto restrictivo de XML y debe analizarse con analizadores XML estándar.
Origen Propuesto por Tim Berners-Lee en 1987. Recomendación del Consorcio World Wide Web en 2000.
Versiones Html 2, html 3.2, html 4.0, html 5. Xhtml 1, xhtml 1.1, xhtml 2, xhtml 5.

Descripción general de html y xhtml

Html es el lenguaje de marcado predominante para las páginas web. HTML crea documentos estructurados al denotar semántica estructural para texto como encabezados, listas, enlaces, citas, etc. Permite que las imágenes y los objetos sean incrustados para crear formas interactivas. Se escribe como etiquetas rodeadas de soportes angulares, por ejemplo, . Los scripts en idiomas como JavaScript también se pueden cargar.

Xhtml es una familia de idiomas XML que se extienden o reflejan versiones de HTML. No permite la omisión de ninguna etiqueta o uso de la minimización de atributos. XHTML requiere que haya una etiqueta final en cada etiqueta de inicio y todas las etiquetas anidadas deben cerrarse en el orden correcto. Por ejemplo, mientras
es válido en html, sería necesario escribir
en xhtml.

Características de los documentos HTML vs XHTML

Los documentos HTML están compuestos por elementos que tienen tres componentes: un par de etiquetas de elementos: etiqueta de inicio, etiqueta final; Atributos de elementos dados dentro de las etiquetas y contenido real, textual y gráfico. El elemento HTML es todo lo que se encuentra entre e incluye etiquetas. (La etiqueta es una palabra clave que está encerrada dentro de los soportes de ángulo).

Los documentos XHTML solo tienen un elemento raíz. Todos los elementos, incluidas las variables, deben estar en minúsculas, y los valores asignados deben estar rodeados de comillas, cerradas y anidadas por ser reconocidos. Este es un requisito obligatorio en XHTML a diferencia de HTML donde es opcional. La Declaración de Doctype determinaría las reglas para que los documentos sigan.

Además de las diferentes declaraciones de apertura para un documento, las diferencias entre un HTML 4.01 y xhtml 1.0 documento en cada uno de los DTDS correspondientes es en gran medida sintáctico. La sintaxis subyacente de HTML permite muchos atajos que XHTML no, como elementos con etiquetas de apertura o cierre opcionales, e incluso elementos vacíos que no deben tener una etiqueta final. Por el contrario, XHTML requiere que todos los elementos tengan una etiqueta de apertura o una etiqueta de cierre. XHTML, sin embargo, también introduce un nuevo atajo: una etiqueta XHTML puede abrirse y cerrarse dentro de la misma etiqueta, incluyendo un corte antes del final de la etiqueta como esta:
. La introducción de esta taquigrafía, que no se usa en la declaración SGML para HTML 4.01, puede confundir el software anterior que no está familiarizado con esta nueva convención. Una solución para esto es incluir un espacio antes de cerrar la etiqueta, como tal:
.

XHTML VS HTML Especificación

HTML y XHTML están estrechamente relacionados y, por lo tanto, se pueden documentar juntos. Ambos HTML 4.01 y xhtml 1.0 tienen tres subsecisiones: estricta, suelta y de cuadros. La diferencia de apertura de declaraciones para un documento distingue HTML y XHTML. Otras diferencias son sintácticas. HTML permite atajos como elementos con etiquetas opcionales, elementos vacíos sin etiquetas finales. XHTML es muy estricto sobre la apertura y el cierre de las etiquetas. XHTML utiliza el atributo de funcionalidad de definición de lenguaje incorporado. Todos los requisitos de sintaxis de XML se incluyen en un documento XHTML bien formado.

Sin embargo, tenga en cuenta que estas diferencias se aplican solo cuando un documento XHTML se sirve como una aplicación de XML; es decir, con un tipo mime de aplicación/xhtml+xml, aplicación/xml o text/xml. Un documento XHTML servido con un tipo mime de texto/HTML debe analizarse e interpretarse como HTML, por lo que las reglas HTML se aplican en este caso. Una hoja de estilo escrita para un documento XHTML que se atiende con un tipo de texto de MIME/HTML puede no funcionar según lo previsto si el documento se sirve con un tipo MIME de aplicación/XHTML+XML. Para obtener más información sobre los tipos de MIME, asegúrese de leer los tipos de MIME.

Esto puede ser especialmente importante cuando sirve documentos XHTML como texto/html. A menos que sea consciente de las diferencias, puede crear hojas de estilo que no funcionen como se pretende si el documento sirvió como XHTML real.

Cuando los términos "XHTML" y "Documento XHTML" aparecen en el resto de esta sección, se refieren al marcado XHTML servido con un tipo XML MIME. XHTML Markup sirvió como texto/HTML es un documento HTML en lo que respecta a los navegadores.

Cómo migrar de HTML a XHTML

Según lo recomendado por W3C, se pueden seguir los siguientes pasos para la migración de HTML a XHTML (XHTML 1.0 documentos):

  • Incluye los atributos XML: Lang y Lang en elementos que asignan el lenguaje.
  • Use la sintaxis de elementos vacíos en elementos especificados como vacíos en HTML.
  • Incluya un espacio adicional en etiquetas de elementos vacíos:
  • Incluya etiquetas de cierre para elementos que puedan tener contenido pero que estén vacíos:
  • No incluya la declaración XML.

Siguiendo cuidadosamente las pautas de W3C sobre compatibilidad, un agente de usuario (navegador web) debería poder interpretar documentos con igual facilidad como HTML o XHTML.

Cómo migrar de XHTML a HTML

Para entender lo sutil diferencias entre html y xhtml, Considere la transformación de un XHTML 1 válido y bien formado.0 documento en un HTML 4 válido.01 documento. Para hacer esta traducción requiere los siguientes pasos:

  • El idioma de un elemento debe especificarse con un lang atributo en lugar del xhtml XML: Lang atributo. XHTML utiliza el atributo de funcionalidad de definición de lenguaje de XML.
  • Elimine el espacio de nombres XML (xmlns = uri). HTML no tiene instalaciones para espacios de nombres.
  • Cambie la declaración de tipo de documento de XHTML 1.0 a html 4.01.
  • Si está presente, elimine la declaración XML. (Por lo general, esto es: ).
  • Asegúrese de que el tipo MIME del documento esté configurado en texto/html. Para HTML y XHTML, esto proviene del HTTP Tipo de contenido encabezado enviado por el servidor.
  • Cambie la sintaxis del elemento vacío XML a un elemento vacío de estilo HTML (
    a
    ).