Lenguaje de marcado: definición y ejemplos

Publicado el 12 noviembre, 2020 por Rodrigo Ricardo

¿Qué es el lenguaje de marcado?

La mayoría de nosotros hemos utilizado un lenguaje de marcado en un momento u otro. Piénselo, ¿ha escrito una nota corta o ha subrayado una palabra específica para dar énfasis? ¿Alguna vez ha escrito una palabra completa en mayúsculas o ha utilizado letras cursivas para enfatizar una frase? ¿Ha utilizado un resaltador en su libro de texto para aislar un hecho?

Si ha hecho alguno de estos, entonces ha utilizado un lenguaje de marcado. En el contexto de las comunicaciones computarizadas, un lenguaje de marcado se considera un tipo de lenguaje comunicativo que se usa para separar, anotar, enfatizar o distinguir el texto en una página de otro texto mostrado. Esta figura ilustra un ejemplo de etiquetas de marcado utilizadas en HTML 2.0:


Pantalla de ejemplo de etiqueta HTML
Pantalla de ejemplo de etiqueta HTML

Los desarrolladores y diseñadores de páginas web utilizan lenguajes de marcado modernos, como el lenguaje de marcado de hipertexto (HTML), el lenguaje de marcado extensible (XML) y el lenguaje de marcado de hipertexto extensible (XHTML), para generar las páginas compartidas en Internet hoy en día. HTML, XML y XHTML utilizan etiquetas de marcado para aislar y cambiar la apariencia del texto seleccionado.

Las etiquetas de marcado se incluyen entre <y>. Estos <> símbolos se conocen comúnmente como ventanillas abiertas y cerradas, respectivamente. Todos los caracteres incluidos dentro de los wickets se consideran componentes del lenguaje de marcado y afectarán las características de visualización de todos los caracteres alfanuméricos incluidos dentro de los wickets.

<p>

Este es un párrafo de texto escrito en <b> HTML </b>.

</p>

En este ejemplo, <p>, </p>, <b> y </b> se denominan etiquetas. En este ejemplo, la palabra HTML se muestra en negrita.

Las etiquetas de marcado en el ejemplo anterior equivalen y actúan como instrucciones para mostrar o imprimir el contenido de una página web. Cuando se aplican a una página web, estas instrucciones son interpretadas por un navegador que ejecuta las instrucciones de la pantalla línea por línea.

Lenguajes de marcado a lo largo de los años

Todas las cosas tienen un comienzo y los lenguajes de marcas no son diferentes. Los lenguajes de marcado modernos como HTML, XML, HTML5, etc. son sucesores del Lenguaje de marcado generalizado estándar (SGML) . SGML se considera el primer lenguaje de marcado de uso regular y se desarrolló principalmente para grandes aplicaciones de documentación gubernamentales. SGML se convirtió en el modelo para los estándares y procedimientos de marcado y mantuvo esa posición durante varios años, siendo finalmente reemplazado por HTML 1.0 a principios de la década de 1990.

Debido al rápido avance de las tecnologías de Internet y la World Wide Web, resultó obvio que se necesitarían capacidades adicionales de lenguaje de marcado. Desde que se lanzó HTML 3.2 en 1997, han surgido varias versiones de lenguaje de marcado. Veamos los estándares más aceptados y admitidos:

  • HTML 4.0 y HTML 4.01 : fueron lanzados por el World Wide Web Consortium (W3C) a fines de 1999. HTML 4.0 ofrecía capacidades de etiquetado adicionales, y HTML 4.01 presentaba soporte para tres nuevas etapas de desarrollo HTML: transicional, estricta y frameset, cada etapa. ofreciendo varias capacidades y opciones de estructura.
  • XHTML 1.0 (XML) : esta es una reformulación de HTML 4.01 publicada como una recomendación del W3C a principios de 2000. XHTML impone un mayor control de sintaxis, lo que requiere un estricto cumplimiento de las reglas estructurales y de formato. La mayoría de los navegadores web muestran documentos XHTML 1.0 de la misma manera que lo hacen con documentos HTML 4.01.
  • HTML5 : este lenguaje de marcado totalmente basado en XML, desarrollado en 2004, combinó varias versiones de HTML. Al hacerlo, el W3C brindó a los usuarios flexibilidad adicional al crear especificaciones personalizadas. En 2008, se adoptó HTML5 como borrador de trabajo. Esta figura ilustra un ejemplo de etiquetas de marcado utilizadas en HTML 5.0:

Ejemplo de codificación HTML 5
Ejemplo de codificación HTML 5

Batallas de navegador

Con las capacidades del lenguaje de marcado mejorando rápidamente, los proveedores de software de navegador como Netscape y Microsoft se vieron obligados a improvisar y mejorar el soporte de su navegador. En muchos casos, un solo navegador no logró el cien por ciento de soporte para todas las funciones de visualización, lo que obligó a los desarrolladores web a diseñar a favor de un navegador más que de otro.

Dos aplicaciones de navegador populares surgieron en la década de 1990: Navigator de Netscape Communications Corporation e Internet Explorer de Microsoft Corporation, ambas luchando por una participación mayoritaria en el mercado. La guerra de los navegadores continuó, y en 2002 Netscape Navigator dejó de prosperar y desapareció del mercado de los navegadores. En los cinco años posteriores a la desaparición de Navigator, las aplicaciones de navegador como Mozilla Firefox, Google Chrome, Safari y Opera superaron la popularidad de Microsoft Internet Explorer, creando una nueva generación de funciones de visualización de lenguaje de marcado.

Resumen de la lección

Durante esta lección, aprendimos cómo se usa un lenguaje de marcas en las páginas web para controlar cómo se muestra el contenido de una página web al espectador. Aprendimos cómo se construyen las etiquetas de marcado, para qué se utilizan y cómo afectan la apariencia de la página web. Revisamos la línea de tiempo de desarrollo de HTML, que muestra los avances logrados durante dos décadas de investigación del lenguaje de marcado. Además, discutimos las batallas de participación de mercado entre dos corporaciones, Netscape y Microsoft, así como cómo estas batallas llevaron a aplicaciones de navegador nuevas y avanzadas, como Mozilla Firefox, Google Chrome, Safari y Opera.

Los resultados del aprendizaje

Debería tener la capacidad de hacer lo siguiente después de ver esta lección en video:

  • Explica qué es el lenguaje de marcas.
  • Describir el desarrollo del lenguaje de marcas.
  • Resuma la batalla de participación de mercado entre Netscape y Microsoft
  • Recordar aplicaciones de navegador modernas

Articulos relacionados