HTML

A linguagem de marcação que estrutura o conteúdo da web e dá significado pro navegador exibir.

Hard

O que é

HTML é a linguagem de marcação padrão pra criar páginas e aplicações web, ou seja, a fundação estrutural que o navegador usa pra exibir o conteúdo. Ela usa tags e elementos pra definir título, parágrafo, link, imagem e formulário, e dá um significado semântico que tanto o mecanismo de busca quanto a tecnologia assistiva conseguem entender.

Pra quem trabalha com produto sem programar, o HTML é a base de como o conteúdo se organiza pra gente e pra máquina. Uma estrutura semântica, com header, nav, main, article, section, footer e h1 a h6, ajuda o leitor de tela a navegar e também ajuda a busca a entender e ranquear a página.

A acessibilidade vive justamente no HTML. O atributo alt descreve a imagem pro leitor de tela, o aria-label nomeia um elemento sem texto visível e o tabindex controla a ordem do teclado. Saber o básico disso ajuda quem desenha produto a pedir a coisa certa pro dev.

Em uma frase

Confere se o HTML dessa página tá semântico, porque isso pesa no SEO e no leitor de tela.

A pergunta que ele responde

Eu não programo, então quanto de HTML preciso entender pra falar com o dev?

Quando usar

Ajuda como alfabetização técnica, pra você entender o que dá pra pedir ao dev em estrutura, semântica e acessibilidade de página.

Como não usar

O cuidado é não tratar HTML como detalhe que só o dev resolve, já que a decisão de estrutura semântica afeta direto o SEO e a acessibilidade, e isso é assunto de produto.

Na prática

Pense em alguém de produto revisando uma página. A pessoa pergunta se os títulos seguem h1, h2 e h3 na ordem certa e se as imagens têm alt. São decisões de HTML que mudam a acessibilidade e a busca.

Não confunda com

Vale entender que o HTML não é linguagem de programação no sentido de lógica. Ele é marcação, ou seja, descreve a estrutura e o significado do conteúdo, enquanto o comportamento fica por conta de outra camada, o JavaScript.

Em inglês

HyperText Markup Language (HTML)

Pronúncia

agá-tê-ême-éle

Também chamado de

HTML, marcação

Origem

Tim Berners-Lee (web).

Fonte

Saiba mais

MDN Web Docs, guia de introdução ao HTML