<frameset>: O Elemento FRAMESET
Última atualização: 2026-10-13
<frameset>O Elemento FRAMESET
Divide a janela do navegador em várias subjanelas (frame) organizadas por rows/cols. O HTML5 o descontinuou; prefira <iframe> ou layout CSS moderno.
| Categoria | Estrutura do Documento |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </frameset> tag |
| Status | Obsoleto |
📝 Sintaxe
<frameset cols="25%,75%">
<frame src="nav.html">
<frame src="content.html">
</frameset>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
rows | Row heights as pixels, % or *. | |
cols | Column widths as pixels, % or *. | |
border | Border width between frames, in pixels. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <frameset> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： frameset está obsoleto e é ruim para SEO/mobile; use <iframe> ou CSS Grid/Flex.
❓ Perguntas Frequentes
QO que é frameset? Por que foi abandonado?
A
<frameset> dividia a janela em vários <frame> pelos atributos rows/cols, cada um carregando um documento independente. Motivos do abandono: quebrava a correspondência entre URL e histórico, era um desastre de acessibilidade, confundia os rastreadores e não permitia layout responsivo. O HTML5 o removeu.QO que acontece ao abrir uma página com frameset num navegador moderno?
ANavegadores modernos ainda analisam frameset (por compatibilidade), mas não renderizam o layout de frames — normalmente só parte do conteúdo aparece, ou nada. Sistemas antigos dependentes de frameset quebram em navegadores novos; a migração é inevitável.
QComo se escreviam rows e cols de frameset?
AEscrita histórica:
<frameset rows='80,*,100'> — três linhas de 80px, adaptive no meio e 100px embaixo, com o asterisco para o espaço restante. Serve para manter código antigo; para layout novo, obtenha o mesmo efeito com grid-template-rows do CSS Grid.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
