En informática, sistema de codificación de un documento, por medio de etiquetas u otro tipo de marcas, para definir su estructura o presentación.

Descripción

Un lenguaje de marcado es un sistema para anotar un documento de forma que sea sintácticamente distinguible del texto original. A diferencia de un lenguaje de programación, que le dice al ordenador qué hacer, un lenguaje de marcado le indica cómo estructurar o presentar los datos.

Funcionamiento

La idea principal es rodear el contenido con etiquetas (tags) o símbolos especiales que contienen instrucciones. Estas instrucciones no son visibles para el usuario final, sino que son interpretadas por un software (como un navegador web o un editor de texto especializado).

Elementos básicos

Etiquetas

Suelen ir entre corchetes angulares, como <h1> o </h1>.

Atributos

Proporcionan información adicional, como <a href=»https://google.com»>.

Contenido

El texto o los datos que se encuentran entre las etiquetas.

Tipos

Podemos dividirlos principalmente en tres categorías según su propósito.

Presentacional

Indica cómo debe verse el texto (negritas, cursivas, tamaño).

Procedural

Da instrucciones para el procesamiento del texto. Muy usado en imprenta.

Descriptivo

Describe la estructura del documento o el significado de los datos.

Comparación

Es habitual la confusión entre lenguaje de marcado y lenguaje de programación, pero tienen roles muy distintos:

  • Lenguaje de Marcado: Organiza y estructura información. No tiene lógica condicional (si/entonces) ni realiza cálculos matemáticos complejos.

  • Lenguaje de Programación: (Como Python o C++) Define algoritmos, funciones y comportamientos dinámicos.

Tipo Función Lógica
Lenguaje de marcado Organiza y estructura información. No tiene lógica condicional ni realiza cálculos matemáticos complejos.
Lenguaje de programación Define algoritmos, funciones y comportamientos dinámicos. Emplea lógica condicional (si/entonces).

Ejemplos

Un lenguaje descriptivo de ejecución de parte del cliente. Es el lenguaje estándar empleado para dotar de estructura y contenidos a documentos destinados a internet. Estos contenidos podrán luego dotarse de una capa de presentación gráfica mediante CSS.

Es el lenguaje que construye la web. Define qué es un título, qué es un párrafo y dónde va una imagen.

Ejemplo

  • Código:Hola Mundo
  • Resultado: El navegador entiende que ese texto es un párrafo.

Importante

HTML no es un lenguaje de programación porque no puede realizar procesos lógicos por sí solo; necesita de lenguajes como JavaScript para volverse «inteligente».

Lenguaje presentacional diseñado para ser fácil de leer y escribir. Se usa mucho en plataformas como GitHub, Reddit o aplicaciones de notas.

Ejemplo

  • Código: #Título
  • Resultado: Se convierte automáticamente en un encabezado grande.

Un lenguaje descriptivo, usado para transportar y organizar datos (no está destinado a diseño). Es legible tanto para humanos como para máquinas.

Un ejemplo de uso de XML es el formato RSS.

El metalenguaje XML es un desarrollo del World Web Consortium (W3C).

Ejemplo

  • Código: Juan

Recursos adicionales

Recursos en línea

Sinónimos:
lenguaje de marcas, markup language