: Elemento SPAN
Última atualização: 2026-09-12
<span>Elemento SPAN
O elemento <span> é um contêiner inline genérico sem significado semântico. É usado para estilizar uma parte do texto ou como gancho para JavaScript sem causar quebras de linha.
| Categoria | Conteúdo de Texto |
|---|---|
| Modelo de Conteúdo | Conteúdo de frase (phrasing) |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de frase |
| Tag de Fechamento | Sim — requer fechamento </span> tag |
| Status | Padrão |
📝 Sintaxe
<span>Conteúdo inline</span>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <span> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
❓ Perguntas Frequentes
QQual a diferença entre e
?
A
<div> é um elemento de nível de bloco (ocupa a largura total, começa em nova linha), enquanto <span> é inline (ocupa apenas a largura necessária, fica na mesma linha do texto).Q pode conter elementos de bloco?
ANão,
<span> é inline e não pode legalmente conter elementos de nível de bloco como <div>, <p> ou cabeçalhos. Use <div> ou um contêiner semântico se precisar de conteúdo em nível de bloco.QQuando devo usar em vez de ou ?
AUse
<em> para ênfase (semântico, afeta leitores de tela), <strong> para forte importância, e <span> apenas quando precisar de um gancho inline genérico para estilo CSS sem significado semântico.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
