Se você começou a se aventurar no universo de criação e gerenciamento de sites, precisa saber o que é XML.
Por trás de toda página na web, existem diversos códigos que os usuários não veem, mas que indicam como aquele site, rede social ou aplicativo deve aparecer, desde a organização dos conteúdos até o layout.
E um desses códigos é o XML, um arquivo escrito em uma linguagem de programação que ajuda a armazenar, organizar e transformar dados brutos em informações fáceis de entender.
Dessa forma, parece até um bicho de sete cabeças, não é? Porém, acredite: escrever um arquivo XML é mais simples do que imagina, e conhecer esse conceito ajuda a colocar seu site no ar e gerenciá-lo no dia a dia.
Quer entender mais sobre essa terminologia? Então, leia até o final para descobrir o que é XML e como deve ser sua estrutura. Vamos lá!
O que é XML e para que serve?
O XML (Extensible Markup Language) é uma linguagem de marcação que armazena e transporta dados de forma estruturada, e transforma em informação legível para pessoas e sistemas. Uma de suas principais características é a customização, já que o desenvolvedor não precisa usar tags pré-definidas, mas pode escolher as necessárias para organizar as informações.
Do ponto de vista do desenvolvimento, o XML é uma ferramenta importante para fazer o mapa do site (organizar as URLs de forma hierárquica e criar categorias) e para a troca de informações entre sistemas diferentes.
Assim, o uso dessa linguagem melhora a navegabilidade da página e, consequentemente, a experiência dos usuários.
Para ficar mais claro, imagine que esteja navegando no e-commerce de uma marca de roupas. A organização dos dados do site em estruturas é o que permite que você faça o seguinte caminho: “roupas femininas” > “calças femininas” > “calças de alfaiataria”.
Sem essa estrutura, seria difícil encontrar a página desejada rapidamente e você precisaria procurar a categoria dentro do e-commerce por mais tempo (com grandes chances de desistir no meio do caminho!).
É importante saber que esta estrutura também é usada em outros elementos envolvidos no desenvolvimento de sites, como os breadcrumbs.
O breadcrumb é uma ferramenta de navegação, que normalmente é exibida no topo da página (cabeçalho). Esse recurso é visível para o usuário e mostra o seu percurso dentro do site.
Já o XML é um arquivo que cataloga as páginas de um site e estabelece sua estrutura. É uma ferramenta de programação utilizada pelos desenvolvedores e, portanto, não está disponível para acesso do usuário.
Arquivo XML é o mesmo que HTML?
Embora sejam linguagens de marcação, o XML e o HTML (HyperText Markup Language) não são iguais: enquanto o primeiro armazena e transporta dados, o segundo estrutura uma página da web.
Ou seja, o HTML diz onde e como cada elemento deve aparecer, desde o conteúdo em texto até as imagens, vídeos e botões. Logo, relaciona-se mais com a aparência e a organização visual do site do que com o armazenamento das informações.
Em outras palavras, o HTML é a linguagem da programação que cuida da parte visual dos sites, blogs e redes sociais. É o que transforma as informações do arquivo XML em uma página bonita e estruturada, na qual o usuário navega mesmo sem saber nada de programação.
Além disso, o HTML é importante para a:
- hospedagem do site e acesso;
- otimização das páginas para os mecanismos de busca (SEO);
- semântica (permite que os mecanismos de busca entendam o conteúdo da página).
Quer entender mais sobre HTML? Então, dê o play nesse vídeo exclusivo que o time da GoDaddy preparou sobre o assunto:
Como é feito um arquivo XML?
Fazer um arquivo XML é mais simples do que parece: você só precisa conhecer as regras da linguagem e usar o bloco de notas para escrever. Isso porque é um arquivo de texto que você pode personalizar. Ou seja: o desenvolvedor customiza como for necessário para organizar os dados trabalhados.
Para isso, você deve seguir uma série de regras que regem a criação de um XML. Porém, antes, é preciso conhecer dois conceitos-chave para esse tipo de linguagem:
- o arquivo precisa ser fácil de ler e entender (afinal, existem pessoas por trás dos sistemas);
- o formato usado deve permitir repetições e a inclusão de novas informações sem causar mudanças estruturais no arquivo.
Com essas definições em mente, para começar no XML, foque em duas regras principais que atendem a maioria dos casos:
- cada informação precisa aparecer dentro de um elemento (<roupas femininas> e </roupas femininas>), que indicam uma categoria e as subcategorias contidas nela;
- os dados devem seguir uma hierarquia, com as informações relacionadas sempre escritas abaixo da principal.
Está complexo de entender? Fique tranquilo! A seguir, veja um modelo fictício de arquivo XML para o exemplo do e-commerce que usamos no início do texto.
Como gerar o arquivo XML? Exemplo prático
Agora que você sabe o que é XML, vamos a um exemplo prático de como escrever esse documento.
Passo 1: insira um cabeçalho com a linguagem XML e o tipo de caractere que existe dentro do arquivo. Essa informação serve apenas para que o processador do arquivo saiba qual é a versão usada. Geralmente, o cabeçalho fica assim:
<?xml version="1.0" encoding="UTF-8"?>
Passo 2: escreva o elemento principal que envolve todos os outros. Por exemplo:
<Roupas femininas>
</Roupas femininas>
Obs.: Você também pode encontrar arquivos XML que chamam o elemento de contêiner/container.
Passo 3: coloque as informações relacionadas à principal, para definir subcategorias. Como:
<Roupas femininas>
<Calcas femininas>
<Calcas de alfaiataria>
</Calcas de alfaiataria>
</Calcas femininas>
</Roupas femininas>
Passo 4: dentro de cada subcategoria, inclua os dados que julgar necessários. No nosso exemplo do e-commerce, colocamos informações do produto, como nome, marca, tamanho e preço indicados por tags.
<Roupas femininas>
<Calcas femininas>
<Calcas de alfaiataria>
<produto>
<nome>Calça de alfaiataria preta</nome>
<marca>Marca X</marca>
<tamanho>G</tamanho>
<preco>R$ 169,90</preco>
</produto>
</Calcas de alfaiataria>
</Calcas femininas>
</Roupas femininas>
Dicas importantes para escrever o seu arquivo XML
- defina um elemento principal e coloque todos os outros “dentro dele”, como <Roupas femininas>;
- feche todas as tags para evitar erros na leitura do arquivo. Por exemplo: <marca>nome da marca</marca>;
- use o alinhamento das linhas para ser mais fácil de entender a hierarquia das informações;
- escreva o nome dos elementos do jeito certo porque o XML diferencia letras maiúsculas e minúsculas.
Conseguiu entender o que é XML e como fazer esse arquivo? Então, agora é hora de dar um próximo passo nos seus aprendizados sobre criação de sites. Se você gostou desse artigo, aproveite para ler outros conteúdos do nosso blog:
- Dicionário do programador: 50 termos da internet ligados ao seu site
- Qual a melhor linguagem de programação para sites?
- SEO para Desenvolvedores: 5 dicas para você ficar atento
E, por falar em criação de sites, que tal conferir se o nome que você deseja está disponível? Aproveite o buscador da GoDaddy para verificar a disponibilidade e coloque o seu site no ar!