HTML semântico é a forma moderna e correta de escrever HTML. Ele usa tags que explicam o papel do conteúdo, não apenas sua aparência.

Isso melhora a acessibilidade, o SEO e a organização do código.

O que é semântica?

Semântica é o significado das coisas. No HTML, significa usar a tag certa para o conteúdo certo.

Compare:

  • Uma <div> não diz o que o conteúdo é
  • Uma tag semântica explica o papel daquele conteúdo
HTML semântico deixa o código mais fácil de entender e manter.

Por que HTML semântico importa?

Usar HTML semântico traz benefícios reais:

  • Melhora a acessibilidade (leitores de tela)
  • Ajuda mecanismos de busca (SEO)
  • Organiza melhor o conteúdo
  • Facilita manutenção do código
Visual bonito não significa código correto. Semântica vem antes do CSS.

Principais tags semânticas do HTML5

O HTML5 trouxe várias tags semânticas para substituir o excesso de <div>.

  • <header> — cabeçalho da página ou seção
  • <nav> — área de navegação
  • <main> — conteúdo principal
  • <section> — seção temática
  • <article> — conteúdo independente
  • <footer> — rodapé

Exemplo semântico simples

   
<header> 
  <h1>Meu site</h1> 
</header>

<nav> 
  <a href="#"> Início</a> 
  <a href="#"> Contato</a> 
</nav> 

<main> 
  <section> 
    <h2> Sobre</h2> 
    <p> Texto sobre o site.</p> 
  </section> 
</main> 

<footer> 
  <p>© 2026</p> 
</footer>

O código acima resultará na seguinte página sendo criada:

Exemplo de página HTML

Mesmo sem CSS, esse código já é legível e organizado.

Semântica ≠ layout

Tags semânticas não definem aparência. Elas definem significado.

Quem controla o visual é o CSS. O HTML apenas descreve a estrutura.

💾🧠 Resumo da aula para nunca mais esquecer

  • HTML semântico usa tags com significado
  • Ele melhora acessibilidade e SEO
  • Tags semânticas substituem excesso de <div>
  • Semântica define estrutura, não visual

Na próxima aula, vamos montar a estrutura semântica de uma página real, juntando tudo o que aprendemos até aqui.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Tomb Raider - O Filme

Considerando todas as adaptações de jogos de videogame para o cinema, a mais bem sucedida foi Lara Croft: Tomb Raider, lançado em 2001 e que faturou 274 milhões de dólares. Ele foi dirigido por Simon West e estrelado pela bela Angelina Jolie.

Nintendo Wii

Nos primeiros oito dias após o lançamento do console Nintendo Wii foram vendidas 600 mil unidades. Isso equivale a quase um por segundo e estes incríveis números são referentes às vendas apenas nos EUA!

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

Recorde de patentes

A IBM detém o recorde de patentes em um único ano, atingindo a marca de 4186 registros no ano de 2008. Clique aqui e saiba mais sobre esta gigante do mundo da tecnologia.

Ábaco

O ábaco é o dispositivo de cálculo mais antigo construído e conhecido pelo homem. Suas formas mais primitivas datam de 400 a.C. e eles foram encontrados na China e na Babilônia. Para saber mais sobre a história dos computadores, clique aqui.