<object>: O Elemento OBJECT
Última atualização: 2026-10-13
<object>O Elemento OBJECT
Um contêiner genérico para recursos incorporados (PDF, imagem, Flash, SVG…) com filhos param e conteúdo de fallback.
| Categoria | Scripts e Incorporação |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </object> tag |
| Status | Padrão |
📝 Sintaxe
<object data="file.pdf" type="application/pdf"></object>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
data | URL of the resource to embed. | |
type | MIME type of the resource. | |
name | Name used in forms or scripts. | |
width | Width of the embedded area. | |
height | Height of the embedded area. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <object> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： object é mais geral que iframe e mostra o conteúdo interno como fallback; páginas modernas costumam preferir iframe.
❓ Perguntas Frequentes
QComo escrever o conteúdo de fallback de object?
AEntre as tags de
<object>: se o recurso falhar ao carregar, exibe-se o conteúdo filho. Por exemplo, ao falhar o PDF, um link de download: <object data='a.pdf' type='application/pdf'><p><a href='a.pdf'>Baixar o PDF</a></p></object>. É a vantagem central do object sobre o embed.Qobject pode aninhar outro object?
ASim, formando uma cadeia de fallbacks em níveis: se o object externo falha, tenta o interno; no nível mais interno, uma mensagem em texto puro. Era um padrão clássico da era dos plugins e ainda serve para fallback de documentos em vários formatos — sem exagerar na profundidade.
QQual é a diferença entre object e iframe para embutir páginas?
APara páginas HTML os dois se comportam parecido, mas
<iframe> é o elemento padrão feito para isso: ecossistema maduro, documentação completa, comportamento uniforme. object carrega peculiaridades históricas e suporte fraco a interação entre documentos — para páginas, use sempre iframe.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
