Abreviações & Definições no HTML

Como adicionar uma abreviação no documento HTML?

Para adicionar abreviações no texto, utilize o elemento <abbr>. Isso ajuda a melhorar a acessibilidade e a semântica do documento.

Exemplo:

<p>Ele ajuda o <abbr title="Médicos Sem Fronteiras">MSF</abbr>.</p>

Definições

O elemento <dfn> é ideal para marcar definições, destacando palavras ou termos que serão explicados logo em seguida.

Exemplo:

<p>O <dfn>Geek</dfn> é toda pessoa que é fã de internet, ciência e tecnologia</p>

Definições com abreviações

Combine os elementos <dfn> e <abbr> para enriquecer a semântica em listas de definições. Essa abordagem é útil para criar conteúdo mais claro e acessível.

Exemplo:

<dl>
  <dt>
    <dfn>
      <abbr title="World-Wide Web">WWW</abbr>
    </dfn>
  </dt>
  <dd>
    A World-Wide Web (WWW) é um sistema de documentos de hipertexto interligados acessados pela Internet.
  </dd>
</dl>

{resultado}

## Origem dos termos: {id:origem}

===

| Termo | Origem | Tradução |
|---|---|---|
| `<abbr>` | Abbreviation | Abreviação |
| `<dfn>` | Definition | Definição |
| `title` | Title | Título |

===