Lenguaje de marcas: definición, tipos, evolución y HTML, XML y CSS

InformáticaActualizado el 5,29 KB

Resumen

El documento explica qué es un lenguaje de marcas y cómo las etiquetas añaden información sobre la estructura o la presentación de un texto. Recorre su clasificación (presentación, procedural y descriptivo), su evolución desde SGML hasta XML pasando por HTML, y el papel de ISO y W3C. También describe la web, la gramática de estos lenguajes, los conceptos de etiqueta, elemento y atributo, además de CSS y DOM.

Puntos clave

  • Un lenguaje de marcas codifica un documento añadiendo etiquetas que indican estructura o presentación; no es un lenguaje de programación.
  • Se distinguen lenguajes orientados a presentación, procedurales (como LaTeX) y descriptivos (como HTML y XML).
  • SGML se estandarizó en los años 60; HTML surgió en el CERN en los años 80 y XML en los 90 para dotar a la web de estructura semántica.
  • ISO promueve normas internacionales voluntarias; W3C normaliza HTML y creó XML para que cada cual defina sus propias etiquetas.
  • XML describe los datos en lugar de presentarlos y exige una sintaxis muy estricta.
  • CSS es una hoja de estilos que separa contenido y representación, no un lenguaje de marcas.

Ponte a prueba

Lenguaje de marcado: Forma de codificar un documento

incorporando al texto etiquetas o marcas que contienen información adicional acerca de la estructura o su presentación

  • No es un lenguaje de programación al no tener funciones aritméticas o variables
  • Pensado para el agente de usuario (useragent)
  • Históricamente, el marcado se usaba y se usa en la industria editorial y de la comunicación, así como entre autores, editores e impresores.

Tipos de lenguajes de marcas:

  • Lenguajes orientados a presentación: Usados tradicionalmente por los procesadores de texto. Ocultos al usuario. Ejemplos: fuente itálica, subrayado, color rojo ...
  • Lenguajes procesal: Las etiquetas orientadas también a presentación, pero se integran dentro de un marco procedural que permite definir macros (secuencias de acciones) y subrutinas. Ejemplo: LaTeX
  • Lenguajes descriptivos: las marcas indican qué es esa información (no dicen qué hacer). Ejemplos: HTML, XML

Tipos de Lenguaje de Marcas. Características:

  • Texto plano: compuestos por caracteres de texto que pueden interpretarse por un editor de texto (independiente del SS.OO)
  • Compacidad: Las instrucciones se mezclan con el contenido
  • Independencia del dispositivo: Dependiendo del dispositivo se interpreta de forma diferente
  • Flexibilidad: se puede compatibilizar con otros lenguajes (HTML, PHP y JavaScript).

Evolución (años 60):

  • Surgen para introducir anotaciones en los documentos electrónicos.
  • Surge para compartir información entre sistemas.
  • Tiene una gran aceptación, pero no consigue implantarse por su complejidad.
  • Se estandariza SGML (Standard Generalized Markup Language), descendiente de GML propuesto por IBM.

Años 80:

  • CERN crea un lenguaje para compartir información usando las redes HTML – HyperText Markup Language- (Basado en principios del SGML).
  • Tuvo gran aceptación por su sencillez.
  • Empezó a crecer de forma

Años 90:

  • W3C (World Wide Web Consorcio) quiso dotar a la web de un lenguaje más potente y con estructura semántica (supera las limitaciones de HTML)
  • Nuevo estándar XML (eXtended Markup Language).

ISO:

  • Organismo no gubernamental encargado de promover el desarrollo de normas internacionales (fabricación, comercio, comunicación…)
  • Sus normas son voluntarias
  • El contenido de los estándares está protegido por copyright
  • ISO publicó el Estándar SGML.

W3C:

  • Tutela el crecimiento y organización de la web.
  • Normaliza HTML
  • Cuando la Web creció la solución NO fue ampliar HTML
  • Se crean reglas para que cualquiera pudiera crear LM adecuados a sus necesidades, pero manteniendo unas estructuras y sintaxis comunes (XML).

Utilización:

  • Es un servicio de distribución de información que permite acceder a millones de recursos electrónicos y aplicaciones.
  • Está distribuidos por todo Internet e identificados y localizados por direcciones (URIs o URLs)
  • Los documentos de hipertexto están conectados entre sí a través de hiperenlaces o hipervínculos.
  • El modelo cliente/servidor y el protocolo HTTP son la base de WWW (World Wide Web)
  • Las páginas web pueden ser estáticas o dinámicas
  • Páginas web HTML o XHTML: información, hiperenlaces. datos de estilo, aplicaciones embebidas
  • CSS (no es un Lenguaje de Marcas sino de Estilos).

Características principales de la gramática:

  • La Gramática, defina frases en español o documentos HTML: no es más que un grupo de reglas que indican el orden en que deben aparecer los elementos del lenguaje
  • Estos elementos del lenguaje pueden dividirse en dos grupos, terminales (las verdaderas palabras del lenguaje), no terminales (el resto de las reglas gramaticales).

Etiqueta:

  • va entre los símbolos < nombre >

Elemento:

  • estructuras básicas en las que se organiza el contenido. Generalmente tienen una etiqueta de inicio y una etiqueta de cierre. Los elementos vacíos no tienen contenido y no deben llevar etiqueta de fin porque se indicará en la propia etiqueta de inicio.

Atributo:

  • es un par nombre-valor, dentro de la etiqueta de inicio e indica las propiedades.

XML:

  • Es muy parecida a un documento HTML
  • Los datos contenidos en las páginas XML están estructurados mediante etiquetas del tipo ....
  • A diferencia del HTML, estas etiquetas permiten describir el contenido en lugar de presentarlo
  • Puesto que se trata de describir los datos, y éstos pueden ser de cualquier manera, el lenguaje XML permitirá crear nuestras propias etiquetas y atributos
  • Deberemos atender a un conjunto de normas de sintaxis muy estrictas.

CSS:

  • No es un Lenguaje de Marcas sino una Hoja de Estilos
  • Está encaminado a separar contenido y representación (estética)
  • Se puede adaptar para ver mejor la información en función del dispositivo.

DOM:

  • es una API, que proporciona un conjunto de objetos para representar documentos HTML y XML.

Descargar

PDF Word HTML

Preguntas frecuentes

¿Qué es un lenguaje de marcas?

Es una forma de codificar un documento incorporando al texto etiquetas o marcas que contienen información adicional sobre su estructura o presentación. No es un lenguaje de programación porque no tiene funciones aritméticas ni variables.

¿Cuál es la diferencia entre un lenguaje descriptivo y uno orientado a presentación?

Los lenguajes orientados a presentación, como los usados por procesadores de texto, indican cómo se muestra el contenido. Los descriptivos, como HTML y XML, indican qué es esa información, sin decir qué hacer con ella.

¿En qué se diferencia XML de HTML?

XML permite describir los datos mediante etiquetas propias, mientras que HTML presenta la información. XML exige además normas de sintaxis muy estrictas.

Ponte a prueba

Tarjetas de repaso

Pulsa una tarjeta para ver la respuesta.

Test

1. ¿Qué tipo de lenguaje de marcas es LaTeX?
2. ¿Qué organismo tutela el crecimiento y organización de la web?
3. ¿Qué estándar publicó ISO según el documento?
4. ¿Qué diferencia a los elementos vacíos de los demás?
5. ¿Qué es un atributo en un lenguaje de marcas?
6. ¿Qué separa CSS según el documento?

Preguntas generadas con IA a partir del documento: comprueba las respuestas con el texto.