Explicar diferentes lenguajes de marcado distintos de HTML

Posted on by Rudeus Greyrat

Los lenguajes de marcado son lenguajes informáticos que se utilizan para estructurar, formatear o definir relaciones entre diferentes partes de documentos de texto con la ayuda de símbolos o etiquetas insertadas en el documento. Estos lenguajes son más legibles que los lenguajes de programación habituales con una sintaxis estricta. Hay varios lenguajes de marcado disponibles, pero los más populares entre ellos son los siguientes.

  1. HTML
  2. XML
  3. XHTML
  4. SGML

HTML: El lenguaje de marcado de hipertexto (HTML) es un lenguaje de marcado utilizado para crear y vincular páginas web. Define la estructura básica de una página web y contiene metadatos sobre la página y una serie de elementos que se mostrarán en la página web. Utiliza etiquetas predefinidas como <table> , <form> , etc. para representar diferentes elementos en la página web. Cada elemento requiere una etiqueta de inicio y finalización con contenido dentro. El documento marcado escrito en HTML se muestra mediante un navegador web que interpreta diferentes etiquetas y, en consecuencia, formatea y estructura el contenido del documento antes de mostrarlo. Se puede escribir en un editor de texto sin formato y se puede asociar con hojas de estilo como CSS (hojas de estilo en cascada) y lenguajes de secuencias de comandos comoJavaScript .

Características:

  1. Fácil de aprender
  2. Plataforma independiente
  3. Admite páginas web integradas de audio, video e imágenes
  4. Compatible con todos los navegadores
  5. Se puede integrar con lenguajes de estilo y secuencias de comandos

Ejemplo: El siguiente código ilustra la estructura básica del código HTML.

HTML

<!DOCTYPE html>
<html>
<head>
    <title>HTML Example Code</title>
</head>
<body>  
    <h1>GeeksforGeeks</h1>
    <p>A computer science portal for geeks</p>
</body>
</html>

Producción:

Salida de código HTML

Inconvenientes:

  1. Solo puede crear páginas web estáticas debido a su naturaleza estática.
  2. Ofrece características de seguridad limitadas.
  3. Requiere un código largo para crear incluso una página web simple.

XML: El lenguaje de marcado extensible (XML) es un lenguaje de marcado utilizado para almacenar datos estructurados. Utiliza etiquetas personalizadas para definir los elementos que admiten una amplia gama de elementos. Fue desarrollado porque HTML no pudo definir nuevos elementos, por lo que se introdujo XML, que era extensible para definir elementos personalizados. Fue diseñado para almacenar y transportar datos y contener información sobre el remitente, el destinatario, el encabezado y el cuerpo del mensaje. Se centra más en qué son los datos que en cómo se ven los datos. Se utiliza para representar documentos, datos, transacciones, facturas, etc. 

Características:

  1. Intercambio eficiente de datos
  2. Software y hardware independiente
  3. Compatible con otros lenguajes de marcas
  4. Admite la transición de la plataforma
  5. Soporta Unicode

Ejemplo: El siguiente código ilustra la estructura básica del código XML.

XML

<?xml version="1.0" encoding="UTF-8"?>
<message>
  <to>Users</to>
  <from>GeeksforGeeks</from>
  <subject>Welcome message</subject>
  <text>Welcome to GeeksforGeeks</text>
</message>

Producción:

Salida de código XML

Inconvenientes:

  1. Es de naturaleza detallada y tiene una sintaxis redundante.
  2. Tiene un alto costo de almacenamiento y transporte.
  3. Por lo general, tiene archivos de gran tamaño debido a la sintaxis redundante.

XHTML: Lenguaje de marcado de hipertexto extensible (XHTML) es un lenguaje de marcado que se utiliza para crear documentos HTML que admiten etiquetas personalizadas para definir nuevos elementos. Es más estricto que HTML en términos de manejo de errores, es decir, el navegador no muestra páginas web en caso de errores en el documento de marcado. Crea una versión XML del documento HTML que debe marcarse correctamente. Especifica algunas etiquetas obligatorias como <!DOCTYPE> , <html> , <head> , <title> y <body> que deben estar presentes en el documento. Además, la etiqueta <html> debe contener el atributo xmlns en el caso de XHTML. Es necesario incluir DTD (Definición de Tipo de Documento) declaración en página web XHTML. Hay tres tipos de DTD de la siguiente manera.

  1. DTD de transición
  2. DTD estricto
  3. Cuadro DTD

XML se utiliza para definir el estándar de calidad de las páginas web y hacer que los sitios web sean más compatibles y precisos con los navegadores. Además, es fácil de mantener y actualizar documentos XHTML gracias a un código limpio bien formateado.

Características:

  1. Lenguaje de marcado basado en XML
  2. Fácil de mantener, convertir y editar documentos
  3. Reglas estrictas de sintaxis y estructura.
  4. Formato limpio, consistente y bien estructurado.
  5. Compatible y preciso con muchos navegadores.

Ejemplo: El siguiente código ilustra la estructura básica del código XHTML.

XML

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
    xml:lang="en" lang="en">
    <head>
        <title>XHTML</title>
    </head>
    <body>
        <div style="color:#090;font-size:40px;
            font-weight:bold;text-align:center;
            margin-bottom:-25px;">GeeksforGeeks</div>
        <p style="text-align:center;font-size:20px;">
            A computer science portal
        </p>
    </body>
</html>

Producción:

Salida para código XHTML

Inconvenientes:

  1. Es más difícil escribir código XHTML que HTML debido a reglas estrictas.
  2. Tiene la solución para los problemas de peinado entre navegadores.

SGML: Lenguaje de marcado generalizado estándar (SGML) es un lenguaje de marcado que proporciona un estándar para definir lenguajes de marcado. Se utiliza para marcar archivos de forma que ya no dependan de ninguna otra aplicación. Utiliza la extensión .sgml para guardar archivos SGML. Manipula archivos masivos que requieren revisiones frecuentes y es parte de sistemas complicados. Define la relación entre entidades, elementos y atributos de un documento y también define reglas que permiten que el sistema informático identifique el inicio y el final de un elemento. Proporciona la forma más sencilla de intercambiar archivos entre máquinas y aplicaciones directamente.

Características:

  1. Plataforma independiente
  2. Elementos marcados por etiquetas diferentes
  3. Los elementos tienen tipos y atributos genéricos.
  4. Uso coherente de delimitadores y caracteres especiales
  5. Sustitución de strings para texto repetitivo estándar y gestión de documentos

Ejemplo: El siguiente código ilustra la estructura básica del código SGML.

XML

<MESSAGE>
   <FROM>GeeksforGeeks</FROM>
   <TEXT>Welcome to GeeksforGeeks</TEXT>
</MESSAGE>

Producción:

Inconvenientes:

  1. Tiene un procedimiento de vinculación complejo.
  2. Es muy difícil escribir código SGML.

Publicación traducida automáticamente

Artículo escrito por saxenaanjali239 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *