Mapa visual

Mini tela mostrando onde cada tag semântica costuma ficar na página.

<html>

<head>

<body>

<nav> menu · links

<section> hero banner · chamada principal

<main>

<search> busca do site

Tags semânticas

Estrutura e significado das regiões da página.

Texto, listas, citações e elementos inline.

Coleta e envio de dados do usuário.

Imagens, áudio, vídeo e dados tabulares.