Porque seu local deve ser desenvolvido com CSS e Markup semântico

| by James Kendall | September 05, 2005
Uma coisa que eu aprendi dentro sobre Web site se tornando de uma década é que 'a rede está mudando continuamente, e para prosegui-lo necessita mudar com ela. Um dos desenvolvimentos mais recentes no projeto da correia fotorreceptora é o uso do CSS e do markup semântico. O CSS e o projeto semântico da correia fotorreceptora têm diversos benefícios: a claridade no código, no browser e em outro correia-permitiu a compatibilidade dos dispositivos, o seperation do índice e da apresentação, o burden menor no bandwith, e a visibilidade melhor aos motores de busca.

Para trás no dia, nós projetamos locais com tabelas e cortamos aquelas tabelas em fazer as coisas que foram significados nunca fazer. O Tag da tabela foi projetado indicar dados tabular, não como uma maneira render a disposição de um Web site. Infelizmente, uma alternativa melhor não existiu, assim que nós usamos tabelas. Isto fêz para locais inefficient, lentos do carregamento com código que era muito duro de ler e manter. define o markup sematic como isto:

As páginas de Sematic “fornecem a informação para os motores de busca da correia fotorreceptora usando as esteiras rolantes de correia fotorreceptora. Esta poderia ser informação machine-readable sobre o índice human-readable do original (tal como o criador, o título, a descrição, etc., do original) ou poderia ser puramente metadata que representam um jogo dos fatos (tais como recursos e serviços em outra parte no local). (A nota que qualquer coisa que pode ser identificado com um identificador uniforme do recurso (URI) pode ser descrito, assim que a correia fotorreceptora semântica podem raciocinar sobre os povos, os lugares, as idéias, os gatos etc.)”

Estes dias, desenhadores do hip e colaboradores usam o CSS extensivamente criar bonitos, inteiramente locais compliant dos padrões. a disposição CSS-baseada permite que nós desenvolvam os locais que degradarão eficazmente--isso é que serão viewable em todos os tipos de dispositivos tais como PDA, pilha phones, T.V. --e trabalhará corretamente nos dispositivos que não existem mesmo ainda contanto que forem padrões compliant.

O mais importante, desenvolver locais com CSS permite que nós separem eficazmente o índice e a apresentação. Tem você olhado sempre o código de fonte das páginas do HTML que foram criadas com uma disposição tabela-baseada e quiseram saber “o que o heck está indo em aqui?” Você vê que os lotes da abertura e do fechamento das tabelas e da tabela enfileiram toda misturado junto com o índice e gráficos textual. Com uma disposição limpa, CSS-baseada você pode criar as páginas que são compreendidas fàcilmente olhando a fonte, fazendo as mais fáceis de compreender, para manter, e o update. Olhar a fonte de meu local http://www.vp3media.com da companhia e olhar então o código de fonte deste local que usa uma disposição baseada tabelas: http://webservices.org/. Diferença grande, huh?

Se você tiver um local com tráfego elevado, você pode significativamente reduzir a quantidade de bandwdth usada transitioning de um local tabela-baseado a uma disposição CSS-baseada. Se um visitante a seu local não tiver que carregar todo o código necessitado render aqueles tabelas e gifs do espaçador, você transmiting menos dados.

O CSS oferece também benefícios do optimization do Search Engine sobre tabelas. Se você tiver um negócio baseado tabelas situar que os relys no Internet traficam para girar um lucro ou uns clientes que novos do aquire você verá vantagens reais comutando ao CSS. Quando as aranhas de um Search Engine seu local tabela-baseado, elas recuperarem uma quantidade grande de índice que não tem nada fazer com você o negócio. Quando as aranhas dos motores de busca um local CSS-baseado limpo, a maioria do índice recuperada serão o índice textual que descreve seu negócio. A relação do índice-à-código é mais elevada com disposições CSS-baseadas.

Nós temos todas as descrições vistas do Search Engine que não fazem nenhum sentido; isso é porque as aranhas do Search Engine usam um método do alto para baixo recuperando a informação. O que quer que é topmost em seu original, os motores de busca estão indo pensar são a parte a mais importante do original, e devem conseqüentemente ser usados como a descrição. Desde que nós índice e apresentação do seperate com CSS, nós podemos pôr a informação a mais importante no alto de um original não importa onde é indicado realmente na página. Tentar isso com tabelas!

Eu espero que este artigo lhe dê uma vista geral de porque é importante para a transição de sua disposição tabela-baseada atual a uma execução inteiramente válida do CSS. Se você não tiver um Web site, mas o estiver planeando em lançar um no futuro próximo, certifica-se você para dizer seus colaboradores que você quer uma execução CSS-baseada.

Article Source: http://www.articleset.com



About the Author

James Kendall has been developing websites for over a decade and has founded and co-founded several companies concerned with web development since 1994. Currently he runs VP3Media and focuses on one on one interaction with select clients.

vp3media@gmail.com » Read more articles by James Kendall
You are welcome to publish or reprint this article free of charge, provided: