<i>: Elemento I
Última atualização: 2026-10-13
<i>Elemento I
Exibe o texto em itálico sem ênfase, usado para palavras estrangeiras, termos técnicos, nomes de navios etc.
| Categoria | Formatação |
|---|---|
| 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 </i> tag |
| Status | Padrão |
📝 Sintaxe
<i>texto em itálico</i>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <i> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： <i> não tem semântica, apenas muda a aparência. Use <em> quando o texto precisar de ênfase.
❓ Perguntas Frequentes
QQual é a semântica da tag i no HTML5?
AO HTML5 redefiniu
<i>: texto «com tom ou humor diferente do texto comum», como termos técnicos, expressões estrangeiras, nomes científicos de espécies e monólogos internos. Deixou de ser itálico puramente visual, mas também não tem sentido de ênfase — para enfatizar, use <em>.QQuando escolher i em vez de em?
APela semântica: para destacar importância ou mudar o peso da frase, use
<em>; para termos, palavras estrangeiras, nomes de navios — cenários de «trocar de voz» — use <i>. Por exemplo, «esta palavra em japonês lê-se <i>ねこ</i>» é caso típico de <i>.QColocar ícones dentro da tag i é o uso correto?
AÉ uma convenção popularizada por bibliotecas como Bootstrap e Font Awesome, mas não é correta segundo a especificação — ícone não é texto. O mais semântico é usar
<span> com o atributo aria-hidden, ou <svg> diretamente. Usar <i> para ícones é principalmente inércia histórica.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
