Etiqueta <object> de HTML

Definição e uso

<object> A tag define um contêiner para recursos externos.

Recursos externos podem ser páginas da web, imagens, reprodutores de mídia ou aplicativos de plug-ins.

Para incorporar imagem, é melhor usar Tag <img>.

Para incorporar HTML, é melhor usar Tag <iframe>.

Para incorporar vídeo ou áudio, é melhor usar <video> e <audio> Tag.

Veja também:

Tutorial HTML:Elemento Object HTML

Manual de referência HTML DOM:Objeto Object

Plugin

<object> Os marcadores foram inicialmente projetados para incorporar plug-ins de navegador.

Os plug-ins são programas de computador que expandem as funções padrão do navegador.

Os plug-ins têm muitos usos diferentes:

  • Executar miniaplicativo Java
  • Executar controle ActiveX
  • Mostrar filme Flash
  • Mostrar mapa
  • Escaneie vírus
  • Verificar o ID do banco

Atenção !

A maioria dos navegadores já não suporta miniaplicativos Java e plug-ins.

Nenhum navegador mais suporta控件 ActiveX.

Os navegadores modernos já fecharam o suporte ao Shockwave Flash.

Exemplo

Exemplo 1

Imagem integrada:

<object data="tulip.jpg" width="300" height="300"></object>

Experimente pessoalmente

Exemplo 2

Página HTML integrada:

<object data="/index.html" width="500" height="300"></object>

Experimente pessoalmente

Exemplo 3

Vídeo integrado:

<object data="shanghai.mp4" width="640" height="300"></object>

Experimente pessoalmente

Atributo

Atributo Valor Descrição
data URL Define a URL do recurso a ser usado pelo objeto.
form ID do formulário Define o formulário ao qual o objeto pertence.
height pixels Define a altura do objeto.
name Nome Define o nome do objeto.
type Tipo de mídia Define o tipo de mídia dos dados especificados no atributo data.
typemustmatch true/false Define se o atributo type deve correspondere ao conteúdo real do recurso para que ele seja exibido.
usemap #mapname Define o nome do mapeamento de imagem do cliente a ser usado juntamente com o objeto.
largura pixels Define a largura do objeto.

Atributos globais

<object> A tag também suporta Atributos globais no HTML.

Atributos de evento

<object> A tag também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir o elemento <object>:

object:focus {
  outline: none;
}

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte