Web Standards
January 25th, 2010 | Corporativa,Tecnologia | No Comments »Web standard é o nome dado a uma recomendação do W3C, com a finalidade de padronizar os sites existentes hoje e assim trazer uma maior compatibilidade em diversos dispositivos.
Anteriormente um website teria que ser produzido pelo web designer imaginando ter que fazer uma versão para o Internet Explorer (até a versão 6), que até então incompatível com os padrões determinados pelo W3C, outra versão para outros navegadores que seguem os padrões e outras tecnologias como a já extinta tecnologia WAP que fazia com que um website para ser acessível necessitaria de pelo menos três versões diferentes, para suas diferentes padronizações.
A programação em XHTML – CSS resolveu este problemas de compatibilidade e é hoje uma tendencia mundial. Estimasse que dentro de alguns anos todos os site sigam esta padronização pelo simples fato da compatibilidade, uma página escrita em XHTML – CSS abre em qualquer dispositivo que tenha suporte a padrões web, leitores de tela, celulares, é possível navegar em seu website como se estivesse em seu escritório sentado em frente ao seu desktop.
O segredo de toda essa compatibilidade é extremamente simples, os padrões da recomendação do W3C, simplesmente colocam a utilização da linguagem de marcação HTML como ela foi designada para ser utilizada, na evolução de páginas da web, contínua e sempre buscando o melhor layout, os web designers teriam que produzir sempre algo novo e aproveitando se de qualquer elemento e de todas as suas funções para interfaces mais complexas e atraentes. Neste cenário, foram utilizadas diversas formas para que o cliente estivesse sempre satisfeito, mesmo que a utilização de comandos de marcação da linguagem HTML não estivessem sendo usados da forma correta, por exemplo para se construir um layout com três colunas, navegação, corpo da página e links patrocinados, era utilizado uma tabela geral dividida em três colunas, dentro de cada célula dessas três colunas eram colocadas outras tabelas para dividir as secções e assim se chegava a um layout aceitável, no entanto neste modo de construção todo o layout fica no mesmo arquivo do conteúdo transformando o código fonte de uma simples página num monstro, literalmente, claro além do que transforma cada mudança num sacrifício elevando valores para manutenção a níveis incabíveis a internet de hoje. Se você quiser mudar a cor de determinados títulos dependendo da quantidade de texto que você tem essa mudança poderia levar semanas.
Neste ponto a conclusão foi de que a padronização foi como um adolescente se tornar um jovem, mais saudável e muito menos impulsivo.
Separação conteúdo / design
O que muda imediatamente a performance de seu website, conforme foi dito anteriormente no exemplo das tabelas seu código fonte fica gigante leva muito mais tempo para ser processado carrega aos poucos e ainda trás diversos problemas com relação a indexação de seu websites em mecanismos de buscas, SEO.
Agora dentro do web standards seu website terá algumas divisões conforme segue a tabela abaixo:
|
Conteúdo – Informação do seu Website |
Visual – Layout – Aparência |
Funções – Interação como usuário |
|
|
|
|
|
XHTML |
CSS |
Javascript – AJAX |
Todos os arquivos externos como .css (visual) e .js (funções) ficarão armazenados no cache do navegador do usuário depois do primeiro carregamento da página, reduzindo drasticamente o tempo de carregamento.
O código fica centralizado em um lugar controlando apresentação e interatividade em todo o Web site.
Menor utilização de banda de sua hospedagem – se você opta por um website feito com tabelas e tabelas dentro de tabelas, provavelmente quando você começar a verificar seu uso de banda de sua hospedagem ira perceber duas coisas a primeira é que você mesmo só para ver e testar seu website já está utilizando banda acima do normal, quando poderia estar utilizando toda essa banda em facilidades ao seu cliente, como formulários inteligentes, navegação intuitiva, validação de campos e outra descobrir que existem muito mais conexões lentas a internet do que você julgava e de que se seu website demorar mais de 20s para abrir você terá uma perca de publico de aproximadamente 50% de visitantes novos.
Como hoje a informação é tratada de forma semântica pelos buscadores (Google, Yahoo, Bing) ter resultados melhores em buscas pelo conteúdo desejado, anexando cada vez mais e em melhores condições páginas feitas no XHTML – CSS – JS. Leia mais em SEO
Por isso não é mesmo uma boa ideia:
“ eu tenho um filho do primo de segundo grau da minha mulher que faz isso, ele ainda está no ensino médio, mais tenho certeza de que vai ficar bonitinho ”
E segundo o Wikipedia:
O XHTML consegue ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas.
