Cuando comiences a explorar el mundo de diseño web, indudablemente conocerá una serie de palabras y frases que son nuevas para usted. Uno de los términos que probablemente escuchará es "marcado" o quizás "lenguaje de marcado". ¿En qué se diferencia "marcado" de "código" y por qué algunos profesionales de la web parecen utilizar estos términos indistintamente? Comencemos por echar un vistazo a qué es exactamente un "lenguaje de marcado".
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á en la pantalla (este es el texto contenido entre las dos etiquetas). Cada etiqueta incluye un símbolo "menor que" y "mayor que" para designarlo como parte del marcado. Cuando formatea texto para que se muestre en una computadora u otra pantalla de dispositivo, debe distinguir entre el texto en sí y las instrucciones del texto. El "marcado" son las instrucciones para mostrar o imprimir el texto.
No es necesario que el marcado sea legible por computadora. Las anotaciones realizadas en forma impresa o en un libro también se consideran marcas. 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 que lo rodea. 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 marcado para tomar notas" si codificara reglas como "el resaltador 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 que los utilicen 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.
Veamos 3 lenguajes de marcado
Casi todas las siglas en la Web que tienen un "ML" son un "lenguaje de marcado" (gran sorpresa, eso es lo que significa "ML"). Los lenguajes de marcado son los componentes básicos que se utilizan para crear páginas web o de todas las formas y tamaños.
En realidad, existen muchos lenguajes de marcas diferentes en el mundo. Para el diseño y desarrollo web, hay 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 por humanos porque las anotaciones están escritas de manera que se distingan 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:
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, es posible que sea el único lenguaje de marcado que utilice en su trabajo.
Todas las páginas web están escritas en HTML. HTML define la forma en que se muestran las imágenes, los archivos multimedia y el texto en los navegadores web. Este lenguaje incluye elementos para conectar sus documentos (hipertexto) y hacer que sus documentos web sean interactivos (por ejemplo, con formularios). Mucha gente llama HTML "código de sitio web", pero en realidad, es solo un lenguaje de marcado. Ninguno de los términos es estrictamente incorrecto y escuchará a personas, incluidos los profesionales de la web, usar estos dos términos indistintamente.
HTML es un lenguaje de marcado estándar definido. Se basa en SGML (Lenguaje de marcado generalizado estándar). Es un lenguaje que usa etiquetas para definir la estructura de su texto. Los elementos y las etiquetas se definen mediante los caracteres
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 volvió cada vez más complicado y las etiquetas de estilo y contenido se combinaron en un solo idioma. Finalmente, el W3C decidió que era necesario separar el estilo de una página web y el contenido. Una etiqueta que define solo el contenido permanecería en HTML, mientras que las etiquetas que definen el estilo quedaron obsoletas en favor de CSS (hojas de estilo en cascada).
La versión numerada más reciente de HTML es HTML5. Esta versión agregó más funciones en HTML y eliminó parte del rigor impuesto por XHTML (más sobre ese lenguaje en breve).
La forma en que se publica HTML se ha modificado con el surgimiento de HTML5. Hoy en día, se agregan nuevas funciones y cambios sin necesidad de lanzar una nueva versión numerada. La última versión del idioma se denomina simplemente "HTML".
XML: lenguaje de marcado extensible
El eXtensible Markup Language es el lenguaje en el que se basa otra versión de HTML. Como 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 lenguajes diferentes.
XML es un lenguaje para escribir lenguajes de marcado. 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:. También hay varios lenguajes estandarizados ya creados con XML: MathML para definir matemáticas, SMIL para trabajar con multimedia, XHTML y muchos otros.
XHTML - Lenguaje de marcado de hipertexto extendido
XHTML 1.0 es HTML 4.0 redefinido para cumplir con los XML estándar. 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 encuentre sitios más nuevos que utilicen XHTML, pero si está trabajando en un sitio mucho más antiguo, es posible que aún encuentre XHTML en la naturaleza.
No hay muchas diferencias importantes entre HTML y XHTML, pero esto es lo que notará:
- XHTML está escrito en minúsculas. Tiempo Etiquetas HTML Puede escribirse en MAYÚSCULAS, MiXeD o minúsculas, para ser correctos, las etiquetas XHTML deben estar todas en minúsculas. (muchos profesionales de la web escriben HTML en minúsculas, aunque no es técnicamente necesario).
- Todos los elementos XHTML deben tener una etiqueta de cierre. Elementos con una sola etiqueta, como y necesitan una barra inclinada de cierre (/) al final de la etiqueta:
- Todos los atributos se deben citar en XHTML. Algunas personas eliminan las comillas alrededor de los atributos para ahorrar espacio, pero son necesarias para un XHTML correcto.
- XHTML requiere que las etiquetas estén anidadas correctamente. Si abre un negrita () elemento y luego una cursiva (), debe cerrar el elemento de cursiva () antes de cerrar el negrita (). (Tenga en cuenta que ambos elementos han quedado obsoletos porque son elementos visuales. HTML ahora usa y en lugar de estos dos).
- Los atributos HTML deben tener un nombre y un valor. Los atributos que son independientes en HTML también deben declararse con valores, por ejemplo, el atributo HR se escribiría noshade = "noshade".