Skip to main content

O que são linguagens de marcação? - Web design

Três Dicas Infalíveis Para Que Você Possa Ter Maior Economia! (Abril 2025)

Três Dicas Infalíveis Para Que Você Possa Ter Maior Economia! (Abril 2025)
Anonim

À medida que você começa a explorar o mundo do web design, sem dúvida você será apresentado a várias palavras e frases novas para você. Um dos termos que você provavelmente ouvirá é "marcação" ou talvez "linguagem de marcação". Como a "marcação" é diferente de "código" e por que alguns profissionais da Web parecem usar estes termos de maneira intercambiável? Vamos começar analisando exatamente o que é uma "linguagem de marcação".

Vamos olhar para 3 linguagens de marcação

Quase todos os acrônimos da Web que têm um "ML" são uma "linguagem de marcação" (grande surpresa, é o que significa "ML"). As linguagens de marcação são os blocos de construção usados ​​para criar páginas da Web ou todas as formas e tamanhos.

Na realidade, existem muitas linguagens de marcação diferentes no mundo. Para web design e desenvolvimento, existem três linguagens de marcação específicas que você provavelmente executará. Estes são HTML, XML e XHTML.

O que é uma linguagem de marcação?

Para definir corretamente este termo - uma linguagem de marcação é uma linguagem que anota o texto para que o computador possa manipulá-lo. A maioria das linguagens de marcação é legível por humanos porque as anotações são escritas de maneira a distingui-las do próprio texto. Por exemplo, com HTML, XML e XHTML, as tags de marcação são < e >. Qualquer texto que apareça dentro de um desses caracteres é considerado parte da linguagem de marcação e não parte do texto anotado. Por exemplo:

Este é um parágrafo de texto escrito em HTML

Este exemplo é um parágrafo HTML. É composto por uma etiqueta de abertura (

), uma etiqueta de fecho (

), e o texto realmente que seria exibido na tela (este é o texto contido entre as duas tags). Cada tag inclui um símbolo "menor que" e "maior que" para designá-lo como parte da marcação.

Ao formatar o texto a ser exibido em um computador ou outra tela do dispositivo, é necessário distinguir entre o texto em si e as instruções do texto. A "marcação" é as instruções para exibir ou imprimir o texto.

A marcação não precisa ser legível por computador. Anotações feitas em impressão ou em um livro também são consideradas marcação. Por exemplo, muitos alunos na escola destacam certas frases em seus livros de texto. Isso indica que o texto realçado é mais importante que o texto ao redor. A cor de destaque é considerada marcação.

A marcação torna-se uma linguagem quando as regras são codificadas em torno de como escrever e usar essa marcação. Esse mesmo aluno poderia ter sua própria "nota tomando linguagem de marcação" se codificasse regras como "marcador de roxo é para definições, marcador amarelo é para detalhes de exame e notas de lápis nas margens são para recursos adicionais."

A maioria das linguagens de marcação é definida por uma autoridade externa para uso por muitas pessoas diferentes. É assim que funcionam as linguagens de marcação para a Web. Eles são definidos pelo W3C ou pelo World Wide Web Consortium.

HTML - HyperText Markup Language

HTML ou HyperText Markup Language é o idioma principal da Web e o mais comum com o qual você trabalhará como web designer / desenvolvedor. Na verdade, pode ser a única linguagem de marcação que você usa em seu trabalho.

Todas as páginas da web são escritas em um sabor de HTML. O HTML define o modo como imagens, multimídia e texto são exibidos em navegadores da web. Essa linguagem inclui elementos para conectar seus documentos (hipertexto) e tornar seus documentos da Web interativos (como em formulários). Muitas pessoas chamam HTML de "código do site", mas na verdade é apenas uma linguagem de marcação. Nenhum termo é estritamente errado e você ouvirá pessoas, incluindo profissionais da web, usar esses dois termos de forma intercambiável.

HTML é uma linguagem de marcação padrão definida. É baseado em SGML (Standard Generalized Markup Language). É uma linguagem que usa tags para definir a estrutura do seu texto. Elementos e tags são definidos pelos caracteres <e>.

Embora a HTML seja, de longe, a linguagem de marcação mais popular usada na Web atualmente, ela não é a única opção para o desenvolvimento da web. Como HTML foi desenvolvido, ficou mais e mais complicado e as tags de estilo e conteúdo combinadas em um idioma. Eventualmente, o W3C decidiu que havia uma necessidade de separação entre o estilo de uma página da web e o conteúdo. Uma tag que define o conteúdo sozinho permaneceria em HTML, enquanto as tags que definem o estilo foram substituídas em favor de CSS (Cascading Style Sheets).

A versão mais recente do HTML é HTML5. Esta versão adicionou mais recursos ao HTML e removeu um pouco do rigor imposto pelo XHTML (mais sobre esse idioma em breve).

A forma como o HTML é lançado foi alterada com o surgimento do HTML5. Hoje, novos recursos e mudanças são adicionados sem que seja necessário lançar uma nova versão numerada. A versão mais recente da linguagem é simplesmente chamada de "HTML".

XML - eXtensible Markup Language

O eXtensible Markup Language é o idioma em que outra versão do HTML é baseada. Como o HTML, o XML também é baseado no SGML. É menos rigoroso que o SGML e mais rígido que o HTML simples. XML fornece a extensibilidade para criar vários idiomas diferentes.

XML é uma linguagem para escrever linguagens de marcação. Por exemplo, se você estiver trabalhando em genealogia, poderá criar tags usando XML para definir pai, mãe, filha e filho em seu XML da seguinte forma: . Existem também várias linguagens padronizadas já criadas com XML: MathML para definir matemática, SMIL para trabalhar com multimídia, XHTML e muitas outras.

XHTML - HyperText Markup Language eXtended

O XHTML 1.0 é HTML 4.0 redefinido para atender ao padrão XML. XHTML foi substituído no design web moderno com HTML5 e as mudanças que vieram desde então. É improvável que você encontre sites mais recentes usando XHTML, mas se você estiver trabalhando em um site muito antigo, ainda poderá encontrar o XHTML por aí.

Não há muitas diferenças importantes entre HTML e XHTML, mas aqui está o que você notará:

  • XHTML é escrito em minúsculas. Embora as tags HTML possam ser escritas no caso UPPER, no caso MiXeD ou em letras minúsculas, as tags XHTML devem estar todas em caixa baixa. (Nota - muitos profissionais da web escrevem HTML em todas as letras minúsculas, mesmo que não seja necessário em termos técnicos).
  • Todos os elementos XHTML devem ter uma tag final. Elementos com apenas uma tag, como e precisam de uma barra de fechamento (/) no final da tag: <> / >
    • <> / >
  • Todos os atributos devem ser citados em XHTML. Algumas pessoas removem as aspas em torno de atributos para economizar espaço, mas são necessárias para o XHTML correto.
  • XHTML requer que as tags sejam aninhadas corretamente. Se você abrir um negrito () elemento e, em seguida, um itálico (), você deve fechar o elemento itálico () antes de fechar o negrito (). (Observe que ambos os elementos foram preteridos porque são elementos visuais. O HTML agora usa e no lugar desses dois)
  • Atributos HTML devem ter um nome e um valor. Atributos que são autônomos em HTML também devem ser declarados com valores, por exemplo, RH atributo seria escrito noshade = "noshade".