Padrões web (web standards)

São as especificações de HTML, CSS e JavaScript que fazem o site funcionar igual em navegadores, dispositivos e tecnologia assistiva diferentes.

Hard

O que é

Padrões web são as especificações de HTML, CSS, JavaScript e afins que garantem que o site funcione de forma consistente em navegadores e dispositivos diferentes, desde que o código siga a especificação.

O problema de ignorar isso é a experiência quebrada. Um código que só funciona no navegador favorito do time falha pra parte das pessoas e quebra com tecnologia assistiva, o que limita o público e ainda enche a manutenção de remendo específico por plataforma.

Seguir o padrão também ajuda em acessibilidade e em SEO. Um código bem estruturado é mais fácil pro leitor de tela interpretar e pro buscador entender, e ainda tende a envelhecer melhor quando os navegadores se atualizam.

Em uma frase

Esse bug de navegador vem de código fora dos padrões web; o conserto é alinhar tudo à especificação.

A pergunta que ele responde

Por que o site funciona num navegador e quebra no outro, e como eu evito isso?

Quando usar

Use como base de qualidade técnica ao construir um front-end que precisa funcionar em todo navegador e dispositivo.

Como não usar

O cuidado é não escrever código que só roda no ambiente do time e descobrir os problemas de compatibilidade depois, já em produção, quando o conserto sai mais caro.

Na prática

Pense num site que funciona num navegador e quebra noutro. A causa costuma ser um código que não segue o padrão, e o conserto é justamente alinhar tudo à especificação.

Não confunda com

Vale separar padrões web de padrões de design. Os padrões web são a especificação técnica do código, que diz como ele deve ser escrito, enquanto os padrões de design são soluções recorrentes de interface, que dizem como uma tela costuma ser resolvida. Um é regra de código, o outro é receita de interface.

Tecnologia

Em inglês

Web Standards

Pronúncia

uéb stân-derds

Também chamado de

web standards, padrões web, padrões da web

Origem

W3C (World Wide Web Consortium).

Fonte

Saiba mais

W3C, padrões e especificações da Web