<dfn>: Elemento DFN

Última atualização: 2026-10-13

<dfn>Elemento DFN

Marca a ocorrência definidora de um termo, geralmente sua primeira aparição no documento.

CategoriaFormatação
Modelo de ConteúdoConteúdo de frase (phrasing)
Pais PermitidosQualquer elemento que aceite conteúdo de frase
Tag de FechamentoSim — requer fechamento </dfn> tag
StatusPadrão

📝 Sintaxe

<dfn>termo</dfn>

▶ Exemplo

Edite o código abaixo e veja o resultado em tempo real no playground:

🌐 Suporte de Navegadores

Navegador ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<dfn> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
Suportado em todos os navegadores principais
Dica: O pai de <dfn> é tratado como o contexto da definição; combine com <abbr> para marcar também a abreviação.

❓ Perguntas Frequentes

QPara que serve a tag dfn?
A<dfn> marca «o termo que está sendo definido», e a explicação do termo deve vir logo em seguida (no mesmo parágrafo, ou em uma lista de definição com <dt>/<dd>). Exemplo: <p><dfn>HTML</dfn> é a linguagem de marcação usada para criar páginas web.</p>.
Qdfn pode ser usado junto com abbr?
ASim, a combinação comum é <dfn><abbr title='HyperText Markup Language'>HTML</abbr></dfn> — <abbr> fornece o nome completo e <dfn> declara «este termo está sendo definido aqui»; as semânticas se complementam.
Qdfn tem estilo padrão?
AO navegador exibe <dfn> em itálico (font-style: italic) por padrão, e só. Raramente é usada isoladamente; seu principal valor é a marcação semântica, que se torna mais completa em conjunto com listas de definição <dl> ou links de âncora no documento.

📚 Tutoriais Relacionados

Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%