O que é linguagem de marcação? Entenda para que serve e veja exemplos de linguagens

Uma linguagem de marcação é uma sequência de códigos e sinais que podem ser usados na formatação e organização de arquivos de texto, páginas da web ou outros tipos de documentos.

Essa linguagem permite que os sistemas de computação saibam a posição de cada elemento de uma página, exibindo a melhor diagramação possível aos usuários.

A primeira linguagem de marcação criada foi a SGML (Standard Generalized Markup Language), no fim da década de 60 por Charles Goldfarg, Edward Mosher e Raymond Lorie.

O desenvolvimento da SGML foi importante para o surgimento do HTML, uma das linguagens de marcação mais usadas. A seguir, conheça as principais linguagens de marcação existentes e saiba para que serve esse tipo de código.

Índice

O que é uma linguagem de marcação?

Linguagem de marcação é um conjunto de códigos que podem ser aplicados a um texto para definir estilos, estruturas ou a aparência de páginas e documentos. É possível configurar listas, parágrafos, títulos e subtítulos usando linguagens de marcação, facilitando a edição de textos, páginas e elementos visuais.

Para que serve uma linguagem de marcação?

Uma linguagem de marcação serve para padronizar a estrutura e a formatação de dados e páginas. Essa padronização é importante para que softwares e aplicativos sejam capazes de entender os códigos e exibam corretamente as informações aos usuários ao acessar uma página web, por exemplo.

As linguagens de marcação são uma área importante da Tecnologia da Informação e Comunicação (TIC), pois, junto com as linguagens de programação, são parte importante na criação de novos softwares, aplicativos e sites.

Como funciona uma linguagem de marcação?

O funcionamento das linguagens de marcação é feito por meio de tags no código de uma página web ou documentos, por exemplo. Cada elemento é sinalizado por uma tag diferente, indicando aos softwares como deve ser feito o processamento e a exibição aos usuários.

Essas tags servem como indicativo sobre qual estrutura deve ser apresentada, seja ela em formato de listas, parágrafos, imagens, tabelas, entre outras.

Assim que as tags são lidas pelo sistema, a renderização é feita e apresentada em uma página ou documento específico ao usuário. Veja abaixo o funcionamento da linguagem de marcação HTML:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Exemplo de linguagem de marcação</title>
</head>
<body>
    <h1>Exemplo de Página</h1>
    <p>Este é um exemplo simples de código HTML.</p>
</body>
</html>

Quais são os exemplos de linguagem de marcação?

HTML, CSS, Markdown e XML são alguns exemplos de linguagem de marcação. Confira as características de cada uma abaixo:

HTML (HyperText Markup Language): HTML é uma linguagem de marcação de hipertexto utilizada na criação de documentos e páginas da web. As “tags” servem para indicar a função de cada elemento na página. Marcadores como <head>, </head>, <body>, </body> e <title>, </title> são alguns exemplos.
CSS (Cascading Style Sheets): O CSS é uma linguagem de marcação usada na formatação de conteúdo, sendo responsável pela parte visual de um código HTML ou XML, por exemplo. É possível modificar cores, fontes e layout de elementos visuais de uma página web ou documento.
Markdown: o Markdown é uma linguagem de marcação usada na formatação de textos. Dá para definir o título de um artigo usando “#”, ou “##” para um subtítulo. Também é possível deixar trechos de um texto em negrito ou itálico, por exemplo: “**texto em negrito**” e “*texto em itálico*”.
XML (Extensible Markup Language): XML é uma linguagem de marcação usada para formatar documentos que podem ser lidos por humanos e por sistemas. O XML pode ser criado em qualquer editor de textos e também é estruturado por tags. Todo documento XML deve ter a tag introdutória <?xml version="1.0">, indicando sua versão.
LaTeX (Lamport TeX): linguagem de marcação usada em meios acadêmicos e científicos e que pode ser lido no programa TeX. A ideia é usar códigos de marcação para inserir recursos como fórmulas ou símbolos matemáticos de forma mais prática do que em um editor de texto, como Microsoft Word ou Google Docs.
SVG (Scalable Vector Graphic): SVG é uma linguagem de marcação baseada em XML usada para desenhar imagens, vetores e gráficos bidimensionais. O SVG é compatível com navegadores web e tem qualidade superior a arquivos de imagem como PNG e JPG.

Qual é a diferença entre linguagem de marcação e de programação?

Linguagem de marcação é um conjunto de sinais e códigos usados em textos para definir sua aparência, organização e formatação gráfica. É amplamente utilizada em páginas da web, industria editorial e documentos, já que facilita sua leitura por softwares.

Já a linguagem de programação é um conjuntos de códigos lógicos e padronizados que podem ser transformados em softwares, aplicativos ou scripts de processamento. É uma sequencia lógica que direciona como computadores devem atuar para a criação de novas tecnologias.