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
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
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:
Mesmo sem CSS, esse código já é legível e organizado.
Semântica ≠ layout
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.
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.










