Neste artigo
Conforme você começa a explorar o mundo do web design, sem dúvida será apresentado a uma série de palavras e frases que são novas para você. Um dos termos que você provavelmente ouvirá é “marcação” ou talvez “linguagem de marcação”. Em que a “marcação” é diferente de “código” e por que alguns profissionais da web parecem usar esses termos de maneira intercambiável? Vamos começar dando uma olhada no que é exatamente uma “linguagem de marcação”. Este exemplo é um parágrafo HTML. Ele é formado por uma tag de abertura (), uma tag de fechamento () e o texto real que seria exibido na tela (esse é o texto contido entre as duas tags). Cada tag inclui um símbolo “menor que” e “maior que” para designá-la como parte da marcação. Quando você formata o texto para ser exibido em uma tela de computador ou outro dispositivo, é necessário distinguir entre o texto em si e as instruções para o texto. A “marcação” são as instruções para exibir ou imprimir o texto. A marcação não precisa ser legível por computador. As anotações feitas na 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 didáticos. Isso indica que o texto destacado é mais importante do que o texto ao redor. A cor de destaque é considerada marcação. A marcação se torna 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 “linguagem de marcação para fazer anotações” se codificasse regras como “marcador roxo é para definições, marcador amarelo é para detalhes do exame e anotações a lápis nas margens são para recursos adicionais”. A maioria das linguagens de marcação são definidas 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 World Wide Web Consortium.
Vejamos três linguagens de marcação
Quase todas as siglas na Web que contêm um “ML” são uma “linguagem de marcação” (grande surpresa, é isso que o “ML” significa). 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 encontrará. São HTML, XML e XHTML.
O que é uma linguagem de marcação?
Para definir adequadamente este termo – uma linguagem de marcação é uma linguagem que anota o texto para que o computador possa manipular esse texto. A maioria das linguagens de marcação são legíveis por humanos porque as anotações são escritas de forma a distingui-las do próprio texto. Por exemplo, com HTML, XML e XHTML, as tags de marcação são <
type = “code”> e>
type = “code”> 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:
HTML – linguagem de marcação de hipertexto
HTML ou HyperText Markup Language é a linguagem principal da Web e a mais comum com a qual você trabalhará como um 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 tipo de HTML. O HTML define a maneira como as imagens, multimídia e texto são exibidos nos navegadores da web. Esta linguagem inclui elementos para conectar seus documentos (hipertexto) e tornar seus documentos da web interativos (como com formulários). Muitas pessoas chamam HTML de “código de site”, mas, na verdade, é apenas uma linguagem de marcação. Nenhum dos termos está estritamente errado e você ouvirá pessoas, incluindo profissionais da web, usarem 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
XML – eXtensible Markup Language
A eXtensible Markup Language é a linguagem na qual outra versão do HTML é baseada. Assim como o HTML, o XML também é baseado no SGML. É menos estrito que SGML e mais estrito que HTML simples. XML fornece extensibilidade para criar várias linguagens diferentes. XML é uma linguagem para escrever linguagens de marcação. Por exemplo, se você estiver trabalhando com genealogia, poderá criar tags usando XML para definir o pai, a mãe, a filha e o 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 – eXtended HyperText Markup Language
XHTML 1.0 é HTML 4.0 redefinido para atender ao padrão XML. O XHTML foi substituído no design moderno da web pelo HTML5 e pelas mudanças que ocorreram desde então. É improvável que você encontre sites mais novos usando XHTML, mas se estiver trabalhando em um site muito mais antigo, ainda poderá encontrar XHTML à solta. 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 em letras MAIÚSCULAS, MiXeD ou minúsculas, para ficar correto, as tags XHTML devem estar todas em letras minúsculas. (muitos profissionais da web escrevem HTML em letras minúsculas, mesmo que não seja tecnicamente necessário).
- 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 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 dos atributos para economizar espaço, mas elas 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 esses dois elementos foram descontinuados porque são elementos visuais. O HTML agora usa e no lugar desses dois).
- Os atributos HTML devem ter um nome e um valor. Os atributos autônomos em HTML também devem ser declarados com valores, por exemplo, o atributo HR seria escrito noshade = “noshade”.
