A Web Semântica e HTML5

A Web Semântica e HTML5

Eu sou muito novo nos conceitos de HTML5, especialmente seu conceito de “plataforma”, pois a separação de interesses entre as três grandes linguagens da web nos mantém sãos. Na primeira semana do meu treinamento Code Fellows , cheguei a uma compreensão muito mais clara da semântica e por que ela deveria ser importante para os desenvolvedores de front-end.

A Web Semântica

Se você for como eu há alguns meses, você vai a um site e se parece bom e funciona bem, você diz “trabalho bem feito!” O que muitas pessoas não pensam é o tamanho monstruoso da Internet e como deve ser complicado para os criadores de sites e aplicativos se agarrarem a qualquer estabilidade em um mundo em constante evolução cheio de tecnologias emergentes.

Agora que comecei a me chamar de desenvolvedor, estou aprendendo muito sobre o valor da padronização e da legibilidade quando se trata de estrutura de documentos da web, especialmente com HTML (5).

O que são semânticas?

Quando dizemos “semântica”, queremos dizer a capacidade de alguém (ou algum computador) de entender o que algo significa pelo que diz ou como é categorizado. O HTML fez muitos avanços nesta área desde sua versão anterior. (Até mesmo todo o conceito de “versões” está começando a desaparecer, e na verdade estamos apenas pensando em HTML como uma linguagem que está mudando conforme as necessidades. É uma coisa boa.)

Você pode ver os benefícios dessas padronizações “semânticas” muito rapidamente:

  • Desenvolvedores futuros / adicionais têm algo em que se apoiar, em vez de nomes relativos que só fazem sentido contextual
  • Vários sites, dispositivos e aplicativos podem usar as mesmas convenções, tornando a Internet muito mais organizada
  • Leitores de tela podem entender algo sem precisar saber CSS (isso é mais importante do que um único marcador indica)
  • O aprimoramento progressivo é mais uma realidade, pois as novas adições não vão quebrar o que foi criado no passado

Torne-se um desenvolvedor melhor

Os conceitos a seguir são essenciais em nossa discussão em direção a uma web robusta e semanticamente correta, especificamente como desenvolvedor de front-end:

  • A apresentação não deve desempenhar nenhum papel na escrita de documentos HTML. Esse é o papel do CSS.
  • Os desenvolvedores de UX precisam pensar primeiro na semântica apropriada, não no design !
  • Como muitos novos setores, os melhores desenvolvedores são artesãos e conhecem suas ferramentas, mídia e linguagem desde o início. Para nós, isso significa ler as especificações do W3C, ler a documentação e se tornar mestres que sabem por que (não apenas como) fazemos as coisas.