Como a Internet é um organismo em constante mudança e desenvolvimento, é muito importante construir um site que possa mudar e crescer com a Internet. Também é muito importante não ser prejudicado pela onda de choque da Internet quando o mundo online. mudanças.
A marcação limpa e a construção do seu site usando padrões da web podem confundir as pessoas, mas isso economizará tempo e dinheiro no longo prazo.
À medida que a rede se expande, as tecnologias utilizadas na rede também estão em constante desenvolvimento. O HTML existe na Internet há muito tempo e produziu muitos derivados durante seu desenvolvimento contínuo.
Primeiro veio o Javascript, depois vieram o CSS, XML e AJAX. A adoção generalizada do HTML5 está chegando, com Firefox, Safari, Opera e Chrome suportando HTML5 (o IE está mais atrasado do que antes).
Neste artigo, tomarei a Wangyi Technology www.idccss.com como exemplo para estudar a base dos padrões de rede. O que isso significa para você? Vou apontar algumas questões muito importantes, mas em tempos normais. é facilmente esquecido por todos.
O que significa uma marca “limpa”?
Resumindo, isso significa eliminar a confusão e tornar o padrão compatível, utilizando as mesmas tags e estruturas para diferentes idiomas.
O HTML limpo pode reduzir o uso de tags desnecessárias, eliminar coisas desnecessárias e usar marcações muito pequenas para concluir uma tarefa com êxito. Não utiliza propriedades desnecessárias como CSS integrado, estrutura e organização de cada arquivo. Da mesma forma, CSS limpo deve evitar duplicação e fazer uso dos recursos existentes. Conformidade com os padrões significa que sua página está em conformidade com os padrões HTML, CSS e XML publicados pelo W3C. Significa usar o W3C para detectar erros, corrigi-los e testá-los até que suas páginas da web estejam 100% utilizáveis.
Cada projeto de design de site tem um limite de tempo e os clientes também desejam que seus sites sejam concluídos com antecedência. Portanto, os desenvolvedores e designers web estão sob constante pressão para trabalhar com mais rapidez e eficiência.
Costumo pensar: “Pensar rápido deixa você desleixado, e marcar em um formato limpo e padrão leva muito tempo” e costumo dizer: “Isso já funciona, essa é a melhor forma de fazer” Importante “Claro. até agora, funcionou para você. Mas e no próximo ano? E daqui a três anos? Que impacto isso terá?
Você realmente acha que os mecanismos de pesquisa funcionarão da mesma maneira o dia todo? Você é muito exigente e, se não atender aos padrões, seu page rank aparente cairá?
O que acontece quando a próxima pessoa precisa alterar a página da web que você criou? O que acontece se você for atropelado por um carro, abduzido por alienígenas ou não conseguir encontrar seu acampamento em uma expedição polar? Para resolver a bagunça que você deixou para trás, você precisa se esforçar ao máximo para observar e entender o código. Será isso uma coisa simples? Quem pode garantir que essa pessoa não vai ficar com dor de cabeça e te xingar.
Então, na primeira vez que você faz isso, você tem que fazer da maneira certa. Isso não é uma coisa chata, é uma filosofia de vida. Se você fizer isso, você economizará muito tempo e dinheiro e tornará as coisas mais fáceis para as pessoas com quem você trabalha.
Você pode pensar que escrever o que quiser em CSS integrado seria mais rápido do que escrever dentro de certas regras. E você pode pensar que seria mais rápido escrever aleatoriamente sem considerar toda a estrutura do arquivo. Mais tarde, ao atualizar arquivos ou redesenhar o site, você gastará mais tempo compensando o código que escreveu ao acaso do que salvou naquele momento. Quando você escreve uma nova página, o código embutido irritante que você usou antes voltará e o prenderá, e você levará muito tempo para se livrar dele.
Escalabilidade, acessibilidade, transformação e padrões futuros
O desenvolvimento de navegadores móveis está se tornando cada vez mais promissor e agora quase todos podem usar seus telefones celulares para navegar na Internet. As tecnologias assistivas também estão se desenvolvendo, como leitores de tela para cegos e dispositivos de interface variável para pessoas com deficiência. Você não quer se colocar em desvantagem por não levar essas mudanças em consideração.
Para usuários da Internet de todo o mundo, o conteúdo do seu site pode ser parcialmente traduzido para vários idiomas. Graças ao Internet Archive, ao cache do Google e a alguns outros elementos de rede, a página que você publica hoje pode existir por muito, muito tempo, mesmo depois de você excluí-la do seu site.
Marcações e padrões limpos ajudam muito a garantir que seu site possa evoluir suavemente à medida que a web evolui no futuro.
O que fazer e o que não fazer
Use tags como você pensa. Por exemplo: h1 é o nível mais alto da página web, seguido por h2, h3 e assim por diante. Deve haver apenas uma tag h1 filha em cada página.
Dê um nome significativo aos seus padrões e IDs CSS e pergunte-se se outras pessoas sabem o que o nome significa. Os nomes também são interessantes: #box12 ou #commentscale?
Faça bom uso do CSS. Por exemplo: se você definir uma fonte em uma pasta, não precisará defini-la novamente em cada subpasta, a menos que queira definir uma fonte diferente em cada subpasta. Isso pode fazer com que sua página seja aberta rapidamente.
Use HTML, CSS e XML para corrigir o máximo de erros possível. Preste atenção também aos avisos gerados.
Revise cuidadosamente o código gerado pelo WYSIWYG e execute qualquer limpeza de código necessária. Esses códigos são inchados, redundantes e contêm muito lixo desnecessário e inútil.
Não injete formatação embutida e tags e atributos irrelevantes só porque está com pressa.
Não continue a usá-lo só porque tem efeitos de curto prazo. Só porque uma página pode ser usada não significa que seu código seja padrão, não tenha problemas e seja adequado para mecanismos de busca.