Tag HTML <basefont>
A tag <basefont> define o tamanho e a cor padrão da fonte do texto. Pode ser usada dentro das tags <head> ou <body>. Veja exemplos.
A tag <basefont> definia o tamanho, a cor e o tipo de fonte padrão para todo o texto de uma página. Ela podia ser colocada dentro das tags <head> ou <body>, e todo texto que não substituísse a fonte herdaria esses valores.
Esta página explica o que a <basefont> fazia, por que foi removida do HTML, e o CSS exato que você deve escrever hoje para obter o mesmo resultado.
A <basefont> é uma tag HTML obsoleta. Foi removida no HTML5 e não deve ser usada em páginas novas. As seções abaixo mostram a substituição moderna com CSS.
Por que a <basefont> está obsoleta
<basefont> é uma tag apresentacional: ela mistura informações de estilo diretamente na marcação HTML. O HTML moderno segue o princípio de separação de responsabilidades — o HTML descreve a estrutura e o significado do conteúdo, enquanto o CSS cuida de toda a apresentação (fontes, cores, tamanhos, espaçamentos). Como a <basefont> existia apenas para definir a apresentação, o HTML5 a eliminou completamente em favor do CSS.
Duas consequências práticas:
- O suporte dos navegadores é imprevisível. Mesmo antes do HTML5, o comportamento variava entre os navegadores, e os navegadores modernos podem ignorar a
<basefont>completamente. Você não pode contar que ela renderize qualquer coisa. - Não é HTML5 válido. Um documento que usa
<basefont>falhará na validação, e ferramentas (linters, editores, frameworks) vão sinalizá-lo.
Você ainda pode encontrar a <basefont> ao manter sites antigos, modelos de e-mail ou sistemas de gerenciamento de conteúdo escritos antes do HTML5. Quando isso acontecer, a medida segura é excluir a tag e substituí-la pelo CSS equivalente mostrado abaixo.
Sintaxe
A tag <basefont> é vazia, o que significa que a tag de fechamento não é obrigatória. Mas em XHTML, a tag (<basefont>) deve ser fechada (<basefont/>).
Exemplo da tag HTML <basefont>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<basefont color="green" face="Helvetica" size="14">
</head>
<body>
<h3>Title of the text.</h3>
<p>Paragraph of the text.</p>
</body>
</html>A substituição moderna com CSS
Para reproduzir exatamente o que a <basefont> fazia, defina as propriedades CSS correspondentes no seletor body. Cada atributo antigo corresponde diretamente a uma propriedade CSS:
Atributo de <basefont> | Propriedade CSS | Valor de exemplo |
|---|---|---|
color | color | green |
face | font-family | Helvetica |
size | font-size | 14px |
Você também pode escrever os três de uma vez com a abreviação font.
Por que usar body como alvo? A <basefont> funcionava definindo padrões para toda a página que cada elemento herdava, a menos que especificasse sua própria fonte. O CSS reproduz isso por meio da cascata: color, font-family e font-size são propriedades herdadas, portanto, quando você as define em body, todos os elementos descendentes (títulos, parágrafos, listas, etc.) herdam os mesmos valores automaticamente — a menos que uma regra mais específica os substitua. Estilizar o body oferece, portanto, a mesma fonte única de verdade que a <basefont> fornecia, mas com HTML5 válido e comportamento consistente entre navegadores.
Exemplo da substituição CSS para <basefont>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
body {
color: green;
font-family: Helvetica;
font-size: 14px;
}
</style>
</head>
<body>
<h3>Title of the text.</h3>
<p>Paragraph of the text.</p>
</body>
</html>Isso produz o mesmo texto verde em Helvetica de 14px que o exemplo obsoleto <basefont color="green" face="Helvetica" size="14"> acima — mas valida como HTML5 e renderiza de forma consistente em todos os navegadores.
Atributos
| Atributo | Valor | Descrição |
|---|---|---|
| color | color | Define a cor padrão do texto. Não suportado no HTML5. |
| face | font_family | Define a fonte do texto. Não suportado no HTML5. |
| size | number | Especifica o tamanho da fonte. Não suportado no HTML5. |