¿Cuál es la diferencia entre HTML y XML?

Tanto XML como HTML, junto con otros lenguajes como LaTeX, SVG, Markdown y SGML, pertenecen a una familia de lenguajes de programación denominados lenguajes de marcado.

Un lenguaje de marcado es un sistema para describir datos tanto a humanos como a otros programas de software. Utiliza una sintaxis fácil de leer que define la estructura, el tipo, los atributos, las relaciones entre las partes, la visualización y el significado de los datos. 

Como lenguajes de marcado, HTML y XML tienen varias similitudes.

Syntax

Los lenguajes de marcado suelen tener una sintaxis similar, incluidas las etiquetas y los atributos.

Etiquetas

Las etiquetas se indican con símbolos como corchetes, comas y puntos. Proporcionan estructura y tipo a los elementos de los datos. Definen el principio y el final de cada elemento del contenido. En XML y HTML, las etiquetas se incluyen entre corchetes angulares, con cada elemento entre dos etiquetas de apertura y cierre.

Atributos

Los atributos proporcionan más información sobre un elemento, como la URL de una imagen. En HTML y XML, los atributos de un elemento se definen dentro de la etiqueta de apertura.

Estructura bien definida

Tanto los documentos HTML como los XML deben cumplir las reglas de sintaxis del lenguaje correspondiente para su correcto procesamiento. Un documento que sigue las reglas se conoce como documento bien formado. Un documento bien formado requiere lo siguiente:

1. Un único elemento raíz
2. Etiquetas de cierre (o cierre automático) para todos los elementos
3. Un anidamiento correcto con etiquetas incluidas en otras etiquetas
4. Una descripción correcta de los caracteres especiales, como & para el símbolo &

Los desarrolladores utilizan una aplicación de edición de texto o un entorno de desarrollo integrado (IDE) para escribir y comprobar la sintaxis.

Más información sobre los IDE »

Uso

Los desarrolladores no suelen utilizar los lenguajes de marcado HTML o XML por sí solos. Estos lenguajes se combinan con lenguajes de programación para crear páginas web y aplicaciones dinámicas. Las aplicaciones dinámicas cambian debido a los nuevos datos entrantes.

En el caso de HTML, las páginas de la aplicación son dinámicas mediante lenguajes de secuencias de comandos que generan HTML nuevo. En el caso de XML, los lenguajes de secuencias de comandos utilizan nueva información para actualizar los parámetros.

Independencia de plataformas

La independencia de plataformas es la capacidad de un lenguaje para funcionar en diferentes sistemas operativos y plataformas sin requerir ninguna modificación. Tanto XML como HTML están basados en texto y utilizan una sintaxis sencilla. Esto hace que sean fáciles de interpretar por diferentes aplicaciones de software y sistemas operativos. El código XML y HTML funciona tal cual en los navegadores y en las diferentes plataformas móviles.

A pesar de sus similitudes, XML y HTML presentan varias diferencias.

Objetivo

HTML se conoce comúnmente como el lenguaje de la Web. El propósito principal de HTML es mostrar el contenido, a partir de un documento basado en texto, de forma gráfica en el navegador.

Por el contrario, XML permite que diferentes aplicaciones intercambien y almacenen datos y su estructura de una manera que se entiende universalmente. El objetivo principal de XML es permitir que diferentes tipos de aplicaciones, como las bases de datos, comprendan y utilicen los mismos datos y su estructura. 

Escritura

HTML utiliza la escritura dinámica, en la que los tipos de atributos se comparan en la versión ejecutable con el tipo de datos esperado. Por ejemplo, si se espera que un atributo sea un número pero se introduce como cadena, se puede producir un error o un comportamiento inesperado de las páginas web en la versión ejecutable. La escritura dinámica permite realizar cambios en las páginas web con nuevos datos entrantes.

Por el contrario, XML utiliza la escritura estática, en la que los tipos de atributos están predefinidos en un esquema XML y se comprueban antes de compilarlos o procesarlos. La escritura estática produce menos errores, pero también menos contenido dinámico.

Esquema

Las definiciones de tipos de documentos (DTD) o los esquemas proporcionan una estructura que se puede validar y repetir para documentos similares. Por lo general, incluyen información como esta:

• La versión HTML o XML que se está utilizando
• Elementos y atributos permitidos
• Reglas para la estructura del documento y las relaciones entre los elementos

En HTML, la DTD es una declaración incluida al principio de un documento HTML.

En XML, la DTD es un archivo independiente. La DTD es más importante en XML porque las etiquetas XML las define el creador de documentos. La DTD contribuye a la comprensión compartida de las etiquetas entre el remitente y el receptor de los datos.

XML se puede incrustar en HTML y analizar con el lenguaje de programación JavaScript para crear páginas web dinámicas. Del mismo modo, HTML también se puede incrustar en XML si es necesario, mediante datos de caracteres (CDATA) para texto sin formato. Consulte los ejemplos siguientes.

XML en HTML

HTML en XML

<html>   <head>     <title>Página XML incrustada</title>     <script type="text/xml">       <data>         <item>           <name>Manzana</name>           <price>1,00</price>         </item>         <item>           <name>Maracuyá</name>           <price>2,00</price>         </item>       </data>     </script>   </head>   <body>     <h1>Precios dinámicos de la fruta</h1>     <div id="output"></div>     <script>       var xml = document.querySelector('script[type="text/xml"]').textContent;       var parser = new DOMParser();       var doc = parser.parseFromString(xml, "text/xml");       var output = document.querySelector('#output');       var items = doc.getElementsByTagName('item');       for (var i = 0; i < items.length; i++) {         var item = items[i];         var name = item.getElementsByTagName('name')[0].textContent;         var price = item.getElementsByTagName('price')[0].textContent;         output.innerHTML += '<div><strong>' + name + '</strong>: ' + price + '</div>';       }     </script>   </body> </html>

<embeddedHTML>     <title>Código HTML incrustado en XML</title>     <description><![CDATA[         <div>             <h1>Encabezado HTML incrustado</h1>             <p>Párrafo HTML incrustado.</p>         </div>     ]]></description> </embeddedHTML>

El lenguaje de marcado de hipertexto extensible (XHTML) es otro lenguaje de marcado que combina HTML y XML en su sintaxis.

Todos los servicios de integración de datos de Amazon Web Services (AWS) pueden procesar archivos XML. Estos son dos ejemplos:

• AWS Glue es un servicio de integración de datos sin servidor que puede utilizar para preparar datos con una interfaz visual interactiva de apuntar y hacer clic sin escribir código. AWS Glue DataBrew puede ingresar todo tipo de formatos de archivo, incluido XML.
• Amazon Simple Queue Service (Amazon SQS) es un servicio de cola de mensajes completamente administrado que puede utilizar para enviar, almacenar y recibir mensajes entre componentes de software en cualquier volumen. Los mensajes de Amazon SQS pueden contener hasta 256 KB de datos de texto, incluidos XML, JSON y datos sin formato.

Del mismo modo, AWS ofrece un amplio conjunto de herramientas y servicios para desarrollar, implementar y operar sus aplicaciones a escala. Por ejemplo, estos son dos servicios que puede usar:

• Con AWS Amplify Studio, puede crear de forma visual una interfaz de usuario con excelente calidad gráfica. Conecte su interfaz de usuario de frontend a un backend en la nube con unos pocos clics.
• Con Amazon Lightsail, puede usar pilas de desarrollo preconfiguradas para crear aplicaciones y sitios web personalizados con tan solo unos clics.

Cree una cuenta hoy mismo y comience con el desarrollo de su aplicación en AWS.