W3docs
pt
Entrar

Tag HTML <big>

A tag <big> tornava o texto maior que o texto ao redor. Ela não é suportada no HTML5; veja o que usar em seu lugar.

O elemento <big> fazia o texto ser renderizado com um tamanho de fonte maior do que o texto ao redor. Ele aumentava o tamanho da fonte em um passo em relação ao elemento pai, cabendo ao navegador decidir exatamente quanto "um passo" representava. O texto nunca crescia além do tamanho máximo de fonte do navegador.

Esta página explica o que o <big> fazia, por que foi removido do HTML5, e o CSS moderno que você deve usar em seu lugar.

Perigo

Não use <big> em novos projetos. É uma tag HTML obsoleta e foi completamente removida do HTML5 — os navegadores ainda podem renderizá-la por compatibilidade retroativa, mas trata-se de marcação inválida que pode parar de funcionar a qualquer momento. Use CSS para controlar o tamanho da fonte.

Por que o <big> foi removido

<big> é um elemento apresentacional: descreve como o texto deve parecer, não o que ele significa. O HTML5 é construído em torno de uma separação clara de responsabilidades — HTML para estrutura e significado, CSS para apresentação. Misturar os dois torna as páginas mais difíceis de manter (é necessário editar a marcação para mudar o estilo) e mais difíceis de interpretar por tecnologias assistivas e mecanismos de busca.

Tags como <big> vêm da web primitiva dos anos 1990, antes de o CSS ser amplamente suportado, quando dimensionar o texto inline era a única opção prática. Assim que o CSS amadureceu, as tags apresentacionais se tornaram redundantes. O HTML5 eliminou toda uma família delas, incluindo <big>, <font>, <center> e <strike>. A lição: tamanho e estilo pertencem à folha de estilos, não ao nome da tag.

Note que o <small> foi mantido no HTML5 — mas somente porque recebeu um significado semântico real (comentários secundários, letras miúdas). Não havia um significado equivalente que justificasse manter o <big>, portanto ele foi removido.

Sintaxe (legado)

A tag <big> era usada em pares. O conteúdo ficava entre as tags de abertura (<big>) e fechamento (</big>), colocadas dentro do <body>.

Exemplo da tag obsoleta <big>

Aviso

Este exemplo é apenas para referência. <big> é inválido no HTML5 — veja a alternativa com CSS abaixo.

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This text is normal.</p>
    <p><big>This text is bigger.</big></p>
  </body>
</html>
Experimente Você Mesmo »

Resultado

big example

A alternativa com CSS

O substituto mais fiel é a palavra-chave font-size larger. Ela faz exatamente o que o <big> fazia — aumentar o texto um passo em relação ao pai — mas como uma regra de estilo:

.big {
  font-size: larger;
}

Aplique-a a um <span> (um elemento inline sem significado próprio) e você obtém o comportamento do <big> sem a tag obsoleta:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .big {
        font-size: larger;
      }
    </style>
  </head>
  <body>
    <p>This text is normal,
      <span class="big">and this text is bigger.</span>
    </p>
  </body>
</html>
Experimente Você Mesmo »

Resultado

big1 example

Escolhendo um tamanho explícito

larger é conveniente, mas vago — você não controla o quanto o texto cresce. Para uma tipografia previsível e escalável, defina o tamanho explicitamente. Prefira unidades relativas em vez de pixels fixos para que o texto respeite o tamanho de fonte preferido pelo usuário e o zoom:

p {
  font-size: 1rem;     /* base size — relative to the root <html> font size */
}
.big-em {
  font-size: 1.2em;    /* 1.2× the parent element's size */
}
.big-rem {
  font-size: 1.2rem;   /* 1.2× the root size, ignoring the parent */
}
.big-percent {
  font-size: 120%;     /* same idea as 1.2em, written as a percentage */
}

Por que usar essas em vez de um simples 19px?

  • em escala em relação ao tamanho da fonte do elemento pai — ideal para aumentar o texto "um passo", como o <big> fazia.
  • rem escala em relação ao tamanho da fonte do root (<html>) — consistente em todo lugar, independente do aninhamento.
  • % se comporta como em (relativo ao pai) e é lido de forma natural por muitos autores.
  • Um valor fixo em px ignora as configurações do navegador do usuário; usuários que aumentam o tamanho de fonte padrão para melhor legibilidade não verão o texto "maior" escalar com isso. Unidades relativas tornam o seu design acessível.

Atributos

<big> suportava apenas os Atributos Globais — não possuía atributos próprios. Na prática, isso pouco importa: como a tag está obsoleta, o único conselho correto é não utilizá-la de forma alguma.

O que fazer hoje

  • Nunca use <big> (ou <font>, <center>, <strike>) em HTML novo.
  • Para ampliar texto, use a propriedade CSS font-size — larger para um aumento rápido de um passo, ou uma unidade relativa (em/rem/%) para um controle preciso e acessível.
  • Se o texto maior carrega significado (um título, ênfase), use um elemento semântico como um heading ou <strong> e estilize-o com CSS — não apenas aumente o tamanho de texto simples.

Prática

Prática
Qual é o uso e a importância da tag HTML <big>, conforme descrito na página web especificada?
Qual é o uso e a importância da tag HTML <big>, conforme descrito na página web especificada?
Was this page helpful?