O documento resume as diferenças básicas entre HTML e XML, explicando que HTML descreve a aparência e ações enquanto XML descreve a representação de dados. XML permite criar marcações personalizadas para estruturar dados de qualquer tipo.
2. HTML
O documento HTML sempre inicia com o que
chamamos de estrutura básica. Esta
estrutura é quase que imutável. Sempre será
dessa forma e você sempre, sempre
começará seu HTML começando por esse
código. Geralmente os editores como o
Sublime Text já tem atalhos para iniciar os
documentos HTMLs com essa estrutura,
logo, você não precisa se preocupar em
decorá-la, mas é bom que faça.
3. <!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Título da página</title>
<meta charset="utf-8">
</head>
<body>
Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>
É possível compreender o documento em HTML de uma maneira muito simples,
através de uma divisão de blocos das tags essenciais, conforme a seguinte
estrutura:
Definição do documento (doctype)
Cabeça (head)
Corpo (body)
VEJA COMO ELA SE INICIA:
4. DOCTYPE - DEFININDO O DOCUMENTO
Uma coisa importante: SEMPRE deve existir o
doctype, que é este código <!DOCTYPE html>.
O doctype não é uma tag HTML, mas uma
instrução para o navegador e outros programas
que podem ler seu site. O código encontrado é
um código HTML. Assim eles sabem o que
fazer para mostrar seu site da melhor forma
possível. Lembre-se: o doctype é
OBRIGATÓRIO e deve ser sempre a
PRIMEIRA LINHA do seu documento.
5. HEAD
Contém informações que não são
transpostas visivelmente para o usuário/leitor
do documento. São dados implícitos, de uso
e controle do documento: vinculação com
outros arquivos, aplicação de lógica de
programação de scripts e metadados. Na
prática, todo o conteúdo do cabeçalho fica
delimitado entre a abertura e fechamento
tag head.
6. BODY
Trata-se do documento em si, ou seja, a
informação legível para o usuário/leitor do
documento. É todo e qualquer texto que se
deseja apresentar, assim como toda e qualquer
forma de mídia de saída (imagens, sons, mini
aplicativos embutidos, conteúdo multimídia,
etc). Além disso, toda a apresentação de
entrada de dados (formulários) também se
aplica neste seção do documento. Na prática, o
corpo do documento é delimitado pelo par de
tags <body> e </body>.
7. XML
É uma linguagem designada para descrever
e estruturar informações.
Como uma linguagem de marcação, o XML
se assemelha com a linguagem HTML,
possuindo marcações para descrever dados.
Porém, estas marcações não são pré-
definidas na linguagem, tornando possível a
criação de marcações de acordo com
necessidades específicas.
8. HTML X XML
HTML (HyperText Markup Language) –
Descreve aparência e ações.
XML (Extensible Markup Language) –
Descreve a representação de algo.
10. XML permite criar qualquer marca que você
precisa descrever seus dados e a estrutura
dos dados. Por exemplo, digamos que você
precisa armazenar e compartilhar
informações sobre animais. Você pode criar
o seguinte código XML:
HTML X XML
12. Você pode ver que marcas XML possibilitam saber exatamente
que tipo de dados que você está analisando. Por exemplo, você
sabe dados sobre um animal, e você pode localizar facilmente o
animal nome, idade e assim por diante. A capacidade de criar
tags que definem quase qualquer estrutura de dados é o que
torna o XML "extensível".
Mas não confunda as marcas desse código de exemplo com
marcas em um arquivo HTML. Por exemplo, se você cola essa
estrutura XML em um arquivo HTML e exibir o arquivo no seu
navegador, os resultados serão algo parecido com isto:
Zeus Rottweiler 6 Real Madrid
O navegador ignora as marcas XML e exibe apenas os dados.
HTML X XML