A medida que comience a explorar el mundo del diseño web, indudablemente se le presentarán una serie de palabras y frases que son nuevas para usted. Uno de los términos que probablemente escuchará es "marcado" o tal vez "lenguaje de marcado". ¿En qué se diferencia el "marcado" del "código" y por qué algunos profesionales de la web parecen usar estos términos indistintamente? Comencemos echando un vistazo a lo que es exactamente un "lenguaje de marcado".
Echemos un vistazo a 3 lenguajes de marcado
Casi todas las siglas en la Web que tienen un "ML" son un "lenguaje de marcas" (gran sorpresa, eso es lo que significa "ML"). Los lenguajes de marcas son los bloques de construcción utilizados para crear páginas web o todas las formas y tamaños.
En realidad, existen muchos lenguajes de marcado diferentes en el mundo. Para el diseño y desarrollo web, existen tres lenguajes de marcado específicos con los que probablemente se encontrará. Estos son HTML, XML y XHTML.
¿Qué es un lenguaje de marcado?
Para definir correctamente este término, un lenguaje de marcado es un lenguaje que anota texto para que la computadora pueda manipular ese texto. La mayoría de los lenguajes de marcado son legibles porque las anotaciones están escritas de manera que se distinguen del texto en sí. Por ejemplo, con HTML, XML y XHTML, las etiquetas de marcado son < y >. Cualquier texto que aparezca dentro de uno de esos caracteres se considera parte del lenguaje de marcado y no parte del texto anotado. Por ejemplo:
Este es un párrafo de texto escrito en HTML.
Este ejemplo es un párrafo HTML. Se compone de una etiqueta de apertura (
), una etiqueta de cierre (
), y el texto real que se mostraría en la pantalla (este es el texto contenido entre las dos etiquetas). Cada etiqueta incluye un símbolo "menor que" y "grande que" para designarlo como parte del marcado.Cuando da formato al texto que se muestra en la pantalla de una computadora u otro dispositivo, debe distinguir entre el texto en sí y las instrucciones para el texto. El "marcado" son las instrucciones para mostrar o imprimir el texto.
El marcado no tiene que ser legible por computadora. Las anotaciones hechas en forma impresa o en un libro también se consideran marcado. Por ejemplo, muchos estudiantes en la escuela destacarán ciertas frases en sus libros de texto. Esto indica que el texto resaltado es más importante que el texto circundante. El color de resaltado se considera marcado.
El marcado se convierte en un lenguaje cuando las reglas se codifican en torno a cómo escribir y usar ese marcado. Ese mismo estudiante podría tener su propio "lenguaje de marcación de notas" si codifican reglas como "el resaltado púrpura es para las definiciones, el resaltador amarillo es para los detalles del examen y las notas a lápiz en los márgenes son para recursos adicionales".
La mayoría de los lenguajes de marcado están definidos por una autoridad externa para el uso de muchas personas diferentes. Así es como funcionan los lenguajes de marcado para la web. Están definidos por el W3C, o World Wide Web Consortium.
HTML: lenguaje de marcado de hipertexto
HTML o HyperText Markup Language es el idioma principal de la Web y el más común con el que trabajará como diseñador / desarrollador web. De hecho, puede ser el único lenguaje de marcado que use en su trabajo.
Todas las páginas web están escritas en un sabor de HTML. HTML define la forma en que las imágenes, multimedia y texto se muestran en los navegadores web. Este lenguaje incluye elementos para conectar sus documentos (hipertexto) y hacer que sus documentos web sean interactivos (como los formularios). Mucha gente llama HTML "código de sitio web", pero en realidad es solo un lenguaje de marcado. Ninguno de los dos términos es estrictamente incorrecto y escuchará a las personas, incluidos los profesionales de la web, usar estos dos términos de manera intercambiable.
HTML es un lenguaje de marcado estándar definido. Se basa en SGML (lenguaje de marcado generalizado estándar). Es un lenguaje que utiliza etiquetas para definir la estructura de su texto. Los elementos y las etiquetas están definidos por los caracteres <y>.
Si bien HTML es, con mucho, el lenguaje de marcado más popular utilizado en la Web hoy en día, no es la única opción para el desarrollo web. A medida que se desarrolló HTML, se hizo cada vez más complicado y las etiquetas de estilo y contenido se combinaron en un solo idioma. Finalmente, el W3C decidió que había una necesidad de una separación entre el estilo de una página web y el contenido. Una etiqueta que define el contenido solo permanecería en HTML mientras que las etiquetas que definen el estilo quedaron obsoletas en favor de CSS (hojas de estilo en cascada).
La última versión numerada de HTML es HTML5. Esta versión agregó más funciones en HTML y eliminó algunas de las condiciones estrictas impuestas por XHTML (más información sobre ese idioma en breve).
La forma en que se lanza el HTML ha sido alterada con el auge de HTML5. Hoy en día, se agregan nuevas funciones y cambios sin que sea necesario lanzar una nueva versión numerada. La última versión del lenguaje se conoce simplemente como "HTML".
XML: lenguaje de marcado extensible
El lenguaje de marcado extensible es el idioma en el que se basa otra versión de HTML. Al igual que HTML, XML también se basa en SGML. Es menos estricto que SGML y más estricto que HTML simple. XML proporciona la extensibilidad para crear varios idiomas diferentes.
XML es un lenguaje para escribir lenguajes de marcas. Por ejemplo, si está trabajando en genealogía, puede crear etiquetas usando XML para definir el padre, la madre, la hija y el hijo en su XML de esta manera: XHTML 1.0 es HTML 4.0 redefinido para cumplir con el estándar XML. XHTML ha sido reemplazado en el diseño web moderno con HTML5 y los cambios que se han producido desde entonces. Es poco probable que encuentres sitios nuevos con XHTML, pero si estás trabajando en un sitio mucho más antiguo, es posible que aún encuentres XHTML en la naturaleza. No hay muchas diferencias importantes entre HTML y XHTML, pero esto es lo que notará: XHTML: lenguaje de marcado de hipertexto extendido
<> / >
HORA atributo sería escrito noshade = "noshade".
