Web standards, arquitetura da informação, usabilidade, acessibilidade, tecnologia, filosofia de buteco (sic), e qualquer coisa em uma casca de noz!

Ir direto para o conteúdo

Configurando encodings em ferramentas de desenvolvimento

Por: Henrique Pereira

Thursday 13 April 2006 às 07:44

Categoria: HTML / CSS / JavaScript

Em um dos projetos em que eu estava trabalhando, percebi que todos os passos para declarar o encoding do projeto, havia sido cuidadosamente checado e não havia erros. No entando, certos trechos de conteúdos dentro de determinado include, estavam sendo exibidos pelo browser incorretamente. Se “não havia erros”, o que estava saindo errado na minha receita?

O problema é que cada ferramente de desenvolvimento tem uma forma particular de savar seus documentos. Desde o Altova XML Spy até o Macromedia Dreamweaver, possuem uma forma de tratar encodings o que deve ser atenciosamente observado. Você deve sempre verificar a configuração da sua ferramente de desenvolvimento, e se certificar de qual encoding está sendo utilizado no momento em que você salva seus documentos. Na prática, mesmo usando content negotiation e declarando o encoding no documento corretamente, erros de renderização podem acontecer se um documento não for salvo corretamente.

A W3C possuiu um documento chamado “Setting encoding in web authoring applications” que dá a solução para algumas ferramentas conhecidas. É sempre importante verificar passo à passo se você configurou o encoding do seu site corretamente além de saber qual a configuração que seu software de desenvolvimento possuiu e com qual encoding ele salva seus documentos. Seguindo estes passos não há erros.

Artigos relacionados:

Este texto não pode ser copiado ou reproduzido em nenhum outro site na íntegra sem autorização do autor!. Mais detalhes sobre licença de uso aqui!



Existem 5 comentários para “Configurando encodings em ferramentas de desenvolvimento”

# 1° Luiz Júnior Fernandes Thursday 13 April 2006 às 14:33GMT

Mais do que importante setar corretamente os encodings para se produzir com um pouco mais de segurança em ferramentas de autoria web.

# 2° Luiz Júnior Fernandes Thursday 13 April 2006 às 14:35GMT

…outro detalhe…, sempre verifique previamente as configurações de seu software de autoria web antes de sair escrevendo os fontes, isto com certeza fará com que não existam dores de cabeças futuras…

# 3° wendel Monday 17 April 2006 às 18:11GMT

É preferível usar o formato UTF-8 para escrever os arquivos fontes, assim você pode converter facilmente para outros formatos.

Para facilitar os maiores sistemas operacionais usam normalmente os seguintes formatos:
Windows: ISO-8858-1
Mac OS X: UTF-8
Linux: UTF-8

Se você precisar converter uma grande quantidade de dados para/de UTF-8 uma ótima ferramenta é o Notepad++ que é grátis e pode ser baixando em Notepad++

Outra observação importante é o formato de terminação de linha do arquivo, lembre-se que para Linux, Windows e Mac o formato é diferente.

Que são conhecidos como:
Mac Format (r).
Unix Format (n).
DOS Format (rn).

Outra dica importante é observar na ferramenta como é formatado a tabulação do código, algumas ferramentas usam tab outras 4 spaços, etc. Então observe a configuração e cheque algum arquivo fonte para saber qual é a configuração usada.

Se você se deparar com caracteres estranhos no texto, verifique antes qual é o Content-Encoding que está sendo enviado ao cliente (navegador), você pode verificar usando a extenção LiveHttpHeaders no Firefox, depois observe a codificação na META no cabeçalho do código e então por final, cheque a configuração de codificação no texto.

# 4° Leonardo Antonioli Friday 23 May 2008 às 16:27GMT

Estou mudando algumas páginas p/ utf-8 e tive muita dor de cabeça até descobrir que o problema era como o Dreamweaver salvava minhas páginas. Pelo que vi, não basta mudar a metatag. Tem que mudar a codificação nas propriedades da página. Obrigado pelo texto!

Deixe um comentário

Observação: Todos os campos obrigatórios estão marcados com um asterisco (*).

Informações de Contato

Sobre o Revolução Etc

Henrique Costa Pereira O Revolução Etc é o site pessoal do Henrique C. Pereira que trabalha com design de interfaces, planejamento, arquitetura da informação e desenvolvimento para web. Ele escreve aqui sobre várias coisas relacionadas com acessibilidade, web standards, tecnologia, desenvolvimento e o que mais der na telha, além de eventualmente escrever alguma coisa ou outra para o Webinsider. Leia mais.

Publicidade

  • Banner
  • Banner

Henrique Costa Pereira - Revolução Etc - (CC) Alguns Direitos Reservados - Powered by WordPress

O conteúdo deste site de autoria de Henrique Costa Pereira está sob a licença de Creative Commons Atribuição-Uso Não-Comercial-Compartilhamento pela mesma Licença 2.5 Brasil. Permissões e/ou restrições além do escopo desta licença podem ser vistas e/ou requeridas na minha página de licença.

Nenhum conteúdo deste site pode ser copiado e reproduzido em outro site sem autorização do autor! Mais detalhes aqui!

Powered by WordPress