Conforme você começa a explorar o mundo de Designer de Web, você 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. É composto por uma etiqueta de abertura (
), uma tag de fechamento (
), e o texto real que seria exibido na tela (este é o texto contido entre as duas marcas). Cada tag inclui um símbolo "menor que" e "maior que" para designá-la como parte da marcação. Ao formatar o texto para ser exibido em uma tela de computador ou outro dispositivo, você precisa 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 de anotações" se codificasse regras como "marcador roxo é para definições, o marcador amarelo é para detalhes do exame e as notas a 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 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.
<
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:
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 alternadamente.
HTML é uma linguagem de marcação padrão definida. É baseado em SGML (Linguagem de marcação generalizada padrão). É uma linguagem que usa tags para definir a estrutura do seu texto. Elementos e tags são definidos pelos caracteres
Embora o HTML seja de longe a linguagem de marcação mais popular usada na Web hoje, não é a única opção para desenvolvimento da Web. Conforme o HTML foi desenvolvido, ficou cada vez mais complicado e as tags de estilo e conteúdo combinadas em um único idioma. Eventualmente, o W3C decidiu que havia a necessidade de uma separação entre o estilo de uma página da web e o conteúdo. Uma tag que define o conteúdo sozinha permaneceria em HTML, enquanto as tags que definem o estilo foram substituídas por CSS (Cascading Style Sheets).
A versão numerada mais recente do HTML é HTML5. Esta versão adicionou mais recursos ao HTML e removeu parte do rigor que era imposto pelo XHTML (mais sobre essa linguagem 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 a necessidade de ser lançada uma nova versão numerada. A versão mais recente do idioma é simplesmente chamada de "HTML".
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ê está trabalhando com genealogia, pode criar tags usando XML para definir o pai, a mãe, a filha e o filho em seu XML como este:. 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 aos XML padrão. 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. Enquanto Tags HTML podem ser escritos em letras MAIÚSCULAS, MiXeD ou minúsculas, para ser correto, as tags XHTML devem estar todas em 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 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. 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".