Lectura pública del tema
1. Lenguajes de marca o etiqueta
1. Lenguajes de marca o etiqueta
🎯 Idea clave
- Los lenguajes de marca son sistemas formales que estructuran y describen información mediante etiquetas, sin incluir lógica ejecutable.
- Su finalidad principal es separar el contenido de su presentación, facilitando la interoperabilidad y reutilización de datos.
- Las etiquetas no se limitan a la presentación de texto, sino que pueden expresar estructura, semántica, metadatos o puntos de integración con otras tecnologías.
- Un documento marcado puede activar procesamiento en aplicaciones externas, pero el lenguaje de marca en sí no ejecuta algoritmos.
- Los atributos en las etiquetas aportan información asociada a los elementos, pero no sustituyen al contenido cuando este forma parte del significado principal.
- La elección entre elemento y atributo en XML o HTML depende de criterios como estructura, repetición, validación y significado.
📚 Desarrollo
Definición y propósito. Los lenguajes de marca o etiqueta son sistemas de codificación que permiten estructurar información mediante el uso de etiquetas. Estas etiquetas delimitan y describen el contenido, pero no contienen instrucciones ejecutables. Su diseño responde a la necesidad de separar el contenido de su presentación, lo que facilita la gestión, el intercambio y la reutilización de datos en entornos heterogéneos.
Estructura y funcionamiento. Un lenguaje de marca organiza la información en una estructura jerárquica, donde las etiquetas se anidan para formar un árbol lógico. Cada etiqueta puede incluir atributos que aportan metadatos o características adicionales al elemento, como identificadores, referencias o propiedades de accesibilidad. Por ejemplo, en HTML, el atributo alt proporciona texto alternativo para imágenes, mejorando la accesibilidad.
Separación de responsabilidades. Una de las características fundamentales de estos lenguajes es la distinción entre contenido, estructura y presentación. Mientras que el lenguaje de marca define la estructura y el significado del contenido, tecnologías como CSS se encargan de su presentación visual. Esta separación permite adaptar la misma información a diferentes formatos o dispositivos sin modificar el documento original.
Interoperabilidad y estandarización. Los lenguajes de marca, especialmente XML, son ampliamente utilizados en la Administración General del Estado para garantizar la interoperabilidad entre sistemas. El Real Decreto 4/2010 (Esquema Nacional de Interoperabilidad) recomienda su uso para la representación de documentos electrónicos, destacando su capacidad para validarse formalmente mediante esquemas como XSD o DTD.
Uso de atributos. Los atributos en las etiquetas cumplen funciones específicas, como identificar recursos, definir comportamientos o mejorar la accesibilidad. En XML, se emplean para metadatos breves, mientras que en HTML, atributos como href, src o aria-* condicionan la navegación, la carga de recursos o la accesibilidad. La elección entre usar un elemento o un atributo depende de factores como la repetición del dato, su importancia semántica o la necesidad de validación.
Aplicación en la AGE. En la Administración General del Estado, los lenguajes de marca son esenciales para la publicación web accesible, el intercambio de datos y la gestión documental. HTML5 se utiliza para crear portales como Administración.gob.es, garantizando el cumplimiento de las Directrices WCAG 2.1, mientras que XML es el formato estándar para facturas electrónicas (Facturae) y documentos administrativos.
Limitaciones y precauciones. Aunque los lenguajes de marca son herramientas poderosas, no deben confundirse con lenguajes de programación. No ejecutan instrucciones ni contienen lógica algorítmica, aunque pueden integrarse con scripts para añadir funcionalidades dinámicas. Además, el uso incorrecto de etiquetas o atributos puede afectar a la accesibilidad, la validación o la interoperabilidad de los documentos.
🧩 Elementos esenciales
- Lenguaje de marcas: Sistema formal para estructurar información mediante etiquetas, sin incluir lógica ejecutable.
- Etiqueta: Elemento delimitador que define la estructura o el significado de una parte del contenido.
- Atributo: Información adicional asociada a una etiqueta, como identificadores, referencias o metadatos.
- Estructura jerárquica: Organización en forma de árbol mediante el anidamiento de etiquetas.
- Separación contenido-presentación: Principio que distingue entre la definición del contenido (lenguaje de marca) y su visualización (CSS).
- Interoperabilidad: Capacidad de los lenguajes de marca para facilitar el intercambio de datos entre sistemas heterogéneos.
- Validación formal: Proceso de comprobación de la corrección de un documento marcado mediante esquemas como XSD o DTD.
- HTML: Lenguaje de marca estándar para la creación de páginas web, con enfoque en estructura y accesibilidad.
- XML: Lenguaje extensible utilizado para el intercambio de datos y la estructuración de documentos administrativos.
- Accesibilidad: Requisito legal en la AGE, garantizado mediante el uso correcto de etiquetas y atributos en HTML.
- Facturae: Formato XML estándar para facturas electrónicas en la Administración General del Estado.
- Esquema Nacional de Interoperabilidad (ENI): Marco normativo que recomienda el uso de lenguajes de marca para documentos electrónicos.
🧠 Recuerda
- Los lenguajes de marca no ejecutan instrucciones, solo estructuran información.
- Las etiquetas pueden expresar estructura, semántica o metadatos, no solo presentación.
- Los atributos complementan a las etiquetas, pero no sustituyen al contenido principal.
- HTML y XML son los lenguajes de marca más relevantes en la AGE.
- La separación entre contenido y presentación mejora la reutilización y adaptabilidad.
- El Real Decreto 4/2010 (ENI) recomienda el uso de XML y HTML para documentos electrónicos.
- La accesibilidad web depende del uso correcto de etiquetas y atributos en HTML.
- XML es el formato estándar para facturas electrónicas (Facturae) en la AGE.
- Los documentos XML pueden validarse formalmente mediante esquemas.
- Los lenguajes de marca son clave para la interoperabilidad entre sistemas administrativos.
2. Características y funcionalidades
2. Características y funcionalidades
🎯 Idea clave
- Los lenguajes de marca permiten estructurar y describir información mediante etiquetas que definen su significado, no su presentación.
- Se clasifican en descriptivos, que identifican el contenido, y procedimentales, que indican cómo procesarlo.
- Su diseño prioriza la legibilidad humana y la interpretación automática por sistemas informáticos.
- Facilitan la separación entre contenido, estructura y presentación, mejorando la reutilización y accesibilidad.
- En la Administración General del Estado, su uso está regulado por normativas como el Esquema Nacional de Interoperabilidad.
- Los atributos en las etiquetas aportan metadatos adicionales sin alterar el contenido principal.
📚 Desarrollo
Definición y propósito. Los lenguajes de marca o etiqueta son sistemas formales que emplean etiquetas para anotar documentos y definir la estructura, el significado o el procesamiento de la información. Su objetivo principal es facilitar la interpretación tanto por humanos como por máquinas, sin depender de formatos propietarios o plataformas específicas.
Clasificación funcional. Existen dos grandes categorías: los lenguajes de marcado descriptivo, que identifican el contenido y su jerarquía (como XML o HTML semántico), y los lenguajes de marcado procedimental, que indican cómo debe procesarse o presentarse la información (como las hojas de estilo CSS o los scripts incrustados). Esta distinción es clave para entender su aplicación en entornos administrativos.
Legibilidad y estandarización. Estos lenguajes se caracterizan por su sintaxis clara y basada en texto plano, lo que permite su edición con herramientas básicas y su validación mediante esquemas predefinidos. La estandarización, como la norma ISO 8879:1986 para SGML, garantiza su compatibilidad y adopción en sistemas heterogéneos, un requisito esencial en la Administración General del Estado.
Separación de capas. Una de sus funcionalidades más relevantes es la capacidad de separar el contenido de su presentación. Por ejemplo, HTML define la estructura de un documento, mientras que CSS gestiona su apariencia visual. Esta separación mejora la mantenibilidad, la accesibilidad y la adaptación a distintos dispositivos, principios alineados con las directrices de interoperabilidad y usabilidad de la AGE.
Atributos y metadatos. Las etiquetas pueden incluir atributos que aportan información adicional sin modificar el contenido principal. En XML, los atributos se utilizan para identificadores o referencias, mientras que en HTML, atributos como aria-* o lang son fundamentales para garantizar la accesibilidad y el cumplimiento de normativas como las WCAG 2.1.
Aplicación en la AGE. En la Administración General del Estado, estos lenguajes son la base para la creación de documentos electrónicos interoperables, portales web accesibles y sistemas de intercambio de datos. El Real Decreto 4/2010 (ENI) exige el uso de formatos abiertos como XML o HTML para asegurar la reutilización y el acceso universal a la información pública.
Validación y procesamiento. Los documentos marcados pueden validarse contra esquemas o DTD para asegurar su conformidad con reglas preestablecidas. Además, su estructura jerárquica permite el procesamiento automático mediante herramientas como parsers o transformadores XSLT, esenciales para la integración de sistemas en entornos administrativos complejos.
🧩 Elementos esenciales
- Etiqueta: Unidad básica que delimita un elemento dentro del documento, compuesta por una apertura (
<etiqueta>) y un cierre (</etiqueta>). - Atributo: Parámetro asociado a una etiqueta que aporta información adicional, como
id="seccion1"oclass="destacado". - Marcado descriptivo: Tipo de lenguaje que define la estructura y el significado del contenido, sin indicar cómo presentarlo.
- Marcado procedimental: Tipo de lenguaje que especifica instrucciones para el procesamiento o visualización del contenido.
- Documento bien formado: Documento que cumple las reglas sintácticas del lenguaje, como el cierre correcto de etiquetas o el anidamiento adecuado.
- Validación: Proceso de verificación de un documento contra un esquema o DTD para asegurar su conformidad con reglas predefinidas.
- Separación de capas: Principio que distingue entre contenido (HTML/XML), presentación (CSS) y comportamiento (JavaScript).
- Interoperabilidad: Capacidad de los sistemas para intercambiar y procesar información de manera automática, facilitada por lenguajes de marca estandarizados.
- Accesibilidad: Característica que permite el acceso a la información por parte de personas con discapacidad, apoyada en atributos como
altoaria-*. - Reutilización: Posibilidad de emplear un mismo documento en distintos contextos o plataformas sin modificaciones estructurales.
- Metadatos: Información sobre el contenido, como autor, fecha o idioma, que puede incluirse mediante atributos o etiquetas específicas.
- Jerarquía: Estructura en árbol que organiza los elementos de un documento, reflejando relaciones padre-hijo entre etiquetas.
🧠 Recuerda
- Los lenguajes de marca no ejecutan instrucciones, sino que describen o estructuran información.
- La separación entre contenido y presentación es clave para la accesibilidad y la interoperabilidad.
- Los atributos complementan las etiquetas, pero no sustituyen al contenido principal cuando este es relevante.
- En la AGE, el uso de XML y HTML está regulado por el Esquema Nacional de Interoperabilidad.
- Un documento bien formado es sintácticamente correcto, pero no necesariamente válido.
- La validación asegura que un documento cumple con reglas específicas definidas en esquemas o DTD.
- Los lenguajes descriptivos priorizan el significado, mientras que los procedimentales se centran en el procesamiento.
- La accesibilidad en HTML se logra mediante atributos como
alt,langoaria-*. - La reutilización de documentos es más sencilla cuando se emplean lenguajes de marca estandarizados.
- La jerarquía de etiquetas define la estructura lógica del documento, no su apariencia visual.
3. SGML, HTML, XML y sus derivaciones
3. SGML, HTML, XML y sus derivaciones
🎯 Idea clave
- SGML es el estándar internacional que estableció las bases para los lenguajes de marca, definiendo reglas para crear lenguajes estructurados.
- HTML es el lenguaje de marcado diseñado para la creación de páginas web, con etiquetas predefinidas que combinan estructura y presentación.
- XML es un metalenguaje derivado de SGML que permite definir etiquetas personalizadas para estructurar datos de forma interoperable.
- Las derivaciones de XML, como XHTML o SVG, amplían sus funcionalidades para dominios específicos como la web semántica o los gráficos vectoriales.
- La Administración General del Estado prioriza XML y HTML por su compatibilidad con los principios de interoperabilidad y accesibilidad.
- La evolución de estos lenguajes refleja la necesidad de separar contenido, estructura y presentación en entornos digitales.
📚 Desarrollo
Origen y propósito de SGML. SGML (Standard Generalized Markup Language), normalizado en la ISO 8879:1986, es el precursor de los lenguajes de marca modernos. Su diseño se centra en la creación de lenguajes de marcado genéricos, permitiendo definir estructuras documentales complejas mediante reglas formales. Aunque su adopción en la Administración General del Estado es limitada por su complejidad, sentó las bases para estándares posteriores como HTML y XML, que sí tienen un uso extensivo en la gestión de información pública.
HTML: el lenguaje de la web. HTML (HyperText Markup Language) es el lenguaje estándar para la creación de páginas web, evolucionando desde versiones iniciales hasta HTML5, que incorpora mejoras en semántica, accesibilidad y multimedia. En la AGE, su uso está regulado por el Real Decreto 1112/2018, que exige el cumplimiento de las Directrices WCAG 2.1 para garantizar la accesibilidad. HTML se caracteriza por su conjunto fijo de etiquetas, como <header>, <nav> o <article>, que definen la estructura del contenido, aunque históricamente ha mezclado presentación y estructura.
XML: interoperabilidad y extensibilidad. XML (eXtensible Markup Language) es un metalenguaje derivado de SGML que permite definir etiquetas personalizadas según las necesidades del dominio de aplicación. Su adopción en la AGE está respaldada por el Real Decreto 4/2010 (ENI), que lo recomienda como formato prioritario para el intercambio de datos entre sistemas heterogéneos. XML separa radicalmente el contenido de la presentación, facilitando la validación formal mediante esquemas como XSD o DTD, y es la base de estándares administrativos como Facturae para facturas electrónicas.
Derivaciones de XML: especialización funcional. XML ha dado lugar a múltiples derivaciones adaptadas a contextos específicos. XHTML combina la sintaxis de XML con las etiquetas de HTML, garantizando mayor rigor estructural y compatibilidad con herramientas de validación. SVG (Scalable Vector Graphics) permite la creación de gráficos vectoriales mediante marcado, siendo utilizado en portales como administracion.gob.es para mapas o diagramas. Otras derivaciones, como RDF o OWL, se emplean en la web semántica para representar relaciones entre datos, aunque su uso en la AGE es más limitado.
Validación y estructura jerárquica. Tanto XML como sus derivaciones se organizan en estructuras jerárquicas en forma de árbol, donde las etiquetas se anidan para representar relaciones lógicas. La validación es un requisito clave: los documentos XML pueden verificarse contra esquemas que definen reglas de estructura, tipos de datos y relaciones entre elementos. En la AGE, esta capacidad es esencial para garantizar la integridad de documentos electrónicos, como los regulados por la Norma Técnica de Interoperabilidad de Documento Electrónico.
Separación de responsabilidades. Una de las ventajas de estos lenguajes es la separación entre contenido, estructura y presentación. HTML define la estructura, mientras que CSS (Cascading Style Sheets) gestiona la presentación visual, permitiendo adaptar los sitios web a diferentes dispositivos (responsive design). XML, por su parte, se centra exclusivamente en la estructura de los datos, delegando la presentación en tecnologías como XSLT o XSL-FO. Esta separación mejora la mantenibilidad y la reutilización de la información en entornos administrativos.
Atributos y semántica. Los atributos en estos lenguajes aportan información adicional a los elementos, pero no sustituyen al contenido principal. En XML, se utilizan para metadatos breves, identificadores o referencias, mientras que en HTML atributos como alt, aria-* o lang son fundamentales para la accesibilidad y la navegación. El criterio técnico para elegir entre elemento y atributo depende de factores como la repetición, la validación o el significado semántico del dato, siendo clave en la implementación de estándares como Facturae o los portales de la AGE.
🧩 Elementos esenciales
- SGML: Estándar internacional (ISO 8879:1986) que define reglas para crear lenguajes de marcado genéricos, precursor de HTML y XML.
- HTML: Lenguaje de marcado para páginas web, con etiquetas predefinidas que combinan estructura y presentación, regulado en la AGE por el Real Decreto 1112/2018.
- HTML5: Versión actual de HTML que incorpora mejoras en semántica, accesibilidad y multimedia, obligatoria para cumplir con las Directrices WCAG 2.1.
- XML: Metalenguaje derivado de SGML que permite definir etiquetas personalizadas para estructurar datos, priorizado en la AGE por el Real Decreto 4/2010 (ENI).
- XHTML: Derivación de XML que combina su sintaxis con las etiquetas de HTML, garantizando mayor rigor estructural y compatibilidad con herramientas de validación.
- SVG: Lenguaje de marcado para gráficos vectoriales, utilizado en portales de la AGE para mapas, diagramas o iconos escalables.
- Facturae: Estándar basado en XML para facturas electrónicas en la Administración, regulado por el Real Decreto 1619/2012.
- Validación XML: Proceso de verificación de documentos XML contra esquemas (XSD, DTD) para garantizar su estructura y tipos de datos.
- Estructura jerárquica: Organización en forma de árbol de los documentos XML y HTML, donde las etiquetas se anidan para representar relaciones lógicas.
- Separación contenido-presentación: Principio clave de XML y HTML, donde el contenido se define en el marcado y la presentación se gestiona con CSS o XSLT.
- Atributos: Información adicional asociada a elementos, como
alten HTML para accesibilidad oiden XML para identificadores únicos. - Interoperabilidad: Capacidad de XML para facilitar el intercambio de datos entre sistemas heterogéneos, fundamental en la AGE según el ENI.
🧠 Recuerda
- SGML es el estándar original que inspiró a HTML y XML, pero su uso en la AGE es marginal por su complejidad.
- HTML es el lenguaje de la web, con versiones que evolucionan hacia mayor semántica y accesibilidad, como HTML5.
- XML es un metalenguaje que permite crear etiquetas personalizadas, siendo clave para la interoperabilidad en la AGE.
- XHTML combina la sintaxis de XML con las etiquetas de HTML, ofreciendo mayor rigor estructural.
- SVG es una derivación de XML para gráficos vectoriales, utilizada en portales administrativos.
- La validación de documentos XML contra esquemas garantiza su integridad y compatibilidad con estándares como Facturae.
- La separación entre contenido, estructura y presentación mejora la mantenibilidad y reutilización de la información.
- Los atributos en HTML y XML aportan información adicional, pero no sustituyen al contenido principal.
- El Real Decreto 4/2010 (ENI) prioriza XML y HTML para la gestión de documentos electrónicos en la AGE.
- Las Directrices WCAG 2.1 exigen el uso correcto de HTML para garantizar la accesibilidad de los portales públicos.
4. Lenguajes de script
4. Lenguajes de script
🎯 Idea clave
- Los lenguajes de script son lenguajes de programación interpretados diseñados para automatizar tareas y añadir dinamismo a las aplicaciones.
- Se ejecutan en tiempo real sin necesidad de compilación previa, lo que facilita su desarrollo y depuración.
- Se clasifican principalmente en lenguajes de lado cliente y lenguajes de lado servidor según su ámbito de ejecución.
- Su sintaxis suele ser más flexible y menos estricta que la de los lenguajes compilados, priorizando la productividad.
- En la Administración General del Estado, se emplean para mejorar la interactividad de portales web y sistemas internos.
- La norma ECMA-262 establece el estándar para uno de los lenguajes de script más utilizados en entornos web.
📚 Desarrollo
Definición y propósito. Los lenguajes de script son lenguajes de programación interpretados que permiten automatizar procesos, manipular datos y controlar el comportamiento de aplicaciones. A diferencia de los lenguajes compilados, no requieren un paso previo de compilación, lo que agiliza el desarrollo y la ejecución en entornos dinámicos.
Ejecución en tiempo real. Al ser interpretados, los scripts se ejecutan línea por línea en el momento de su invocación. Esto facilita la detección de errores y la modificación del código sin necesidad de recompilar, aunque puede afectar al rendimiento en comparación con lenguajes compilados.
Clasificación por ámbito de ejecución. Los lenguajes de script se dividen en dos categorías principales: de lado cliente y de lado servidor. Los primeros se ejecutan en el navegador del usuario, mientras que los segundos lo hacen en el servidor, permitiendo operaciones más complejas y seguras.
Flexibilidad y productividad. Su sintaxis suele ser más sencilla y menos restrictiva que la de los lenguajes tradicionales, lo que permite desarrollar funcionalidades con menos líneas de código. Esta característica los hace ideales para prototipado rápido y tareas de automatización.
Aplicación en la AGE. En la Administración General del Estado, los lenguajes de script se utilizan para mejorar la interactividad de portales como Administración.gob.es y 060.es, así como para validar formularios, gestionar sesiones de usuario y dinamizar contenidos web.
Norma ECMA-262. Este estándar define las especificaciones del lenguaje de script más extendido en entornos web, garantizando su compatibilidad entre diferentes navegadores y plataformas. Su adopción en la AGE asegura la coherencia y el cumplimiento de los requisitos técnicos.
Integración con lenguajes de marca. Los scripts suelen interactuar con documentos HTML y XML para manipular su estructura, contenido o presentación. Esta sinergia permite crear aplicaciones web dinámicas y accesibles, alineadas con las directrices de interoperabilidad y accesibilidad de la AGE.
🧩 Elementos esenciales
- Lenguaje interpretado: Se ejecuta en tiempo real sin necesidad de compilación previa, lo que facilita su desarrollo y depuración.
- Lado cliente: Scripts que se ejecutan en el navegador del usuario, como JavaScript, para mejorar la interactividad de las páginas web.
- Lado servidor: Scripts que se ejecutan en el servidor, permitiendo operaciones más complejas y seguras, como la gestión de bases de datos.
- ECMA-262: Norma que establece el estándar para el lenguaje de script más utilizado en entornos web, garantizando compatibilidad entre plataformas.
- Automatización de tareas: Permiten ejecutar procesos repetitivos de forma eficiente, como la validación de formularios o la actualización de contenidos.
- Integración con HTML/XML: Los scripts manipulan la estructura, contenido o presentación de documentos marcados para crear aplicaciones dinámicas.
- Flexibilidad sintáctica: Su sintaxis es menos estricta que la de los lenguajes compilados, priorizando la productividad y el desarrollo rápido.
- Prototipado rápido: Ideales para crear prototipos funcionales en poco tiempo, gracias a su ejecución inmediata y facilidad de modificación.
- Interactividad web: Mejoran la experiencia del usuario al permitir respuestas en tiempo real sin recargar la página.
- Validación de datos: Se emplean para verificar la corrección de la información introducida en formularios antes de su envío al servidor.
🧠 Recuerda
- Los lenguajes de script son interpretados, no compilados.
- Se clasifican en lado cliente y lado servidor según dónde se ejecuten.
- JavaScript es el lenguaje de script más utilizado en entornos web.
- La norma ECMA-262 regula su estándar para garantizar compatibilidad.
- Se integran con HTML y XML para manipular contenidos dinámicos.
- Son esenciales para la interactividad y automatización en portales de la AGE.
- Permiten validar datos y gestionar sesiones de usuario.
- Su sintaxis flexible agiliza el desarrollo y la depuración.
- No requieren compilación previa, lo que facilita su modificación.
- Se emplean en portales como Administración.gob.es y 060.es.