Tag HTML <objeto>

Neste artigo, discutiremos o objeto Tag com exemplos . Desejando que isso atendesse aos requisitos de aprendizado.

A tag HTML <object> é usada para incorporar conteúdo externo, como imagens, vídeos, arquivos de áudio e outros tipos de mídia em uma página da web. A tag <object> é usada para criar um elemento de objeto, que pode ser usado para incorporar diferentes tipos de conteúdo externo em uma página da web.

Abaixo está uma imagem incorporada:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<object data="https://mrexamples.com/wp-content/uploads/2023/04/christian-bowen-QKUN1xjwDQA-unsplash-scaled.jpg" width="340" height="320"></object>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está uma página HTML incorporada:

Example: 

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<h1>The object element</h1>
<object data="\Animation.html" width="500" height="200">
</object>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está um vídeo incorporado:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<object data="https://mrexamples.com/wp-content/uploads/2023/03/Tesla-Factory-Tour-with-Elon-Musk.mp4" width="500" height="290"></object>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Como incorporar um vídeo do youtube usando a tag <object> :

Example: 

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<body>
<object width="420" height="315" data="https://www.youtube.com/embed/XnqKm4WJs1o">
</object>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está um exemplo de pdf com a tag object:

Example: 

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<body>
<object data="https://mrexamples.com/wp-content/uploads/2023/03/mr.pdf" type="application/pdf" width="500" height="800">
<p>It appears you don't have a PDF plugin for this browser.
You can <a href="https://mrexamples.com/wp-content/uploads/2023/03/mr.pdf">click here to
download the PDF file.</a></p>
</object>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Uso de objeto de marcação

O objeto Tag <object> indica um container que contém recursos externos.

Existem muitos tipos de recursos externos , como páginas da Web, imagens, reprodutores de mídia, plug-ins e assim por diante.

Dica: Se você deseja incorporar uma imagem , insira a tag <img> . É preferível usar as tags <video> e <audio> para incorporar vídeo ou áudio.

A tag HTML <object> tem vários usos, incluindo:

  • A tag <object> pode ser usada para incorporar recursos externos, como imagens, vídeos, arquivos de áudio e outros tipos de mídia em uma página da web.
  • A tag <object> pode ser usada para fornecer conteúdo de fallback caso o recurso externo falhe ao carregar. Isso garante que os usuários ainda tenham acesso a informações importantes, mesmo que o recurso externo não esteja disponível.
  • A tag <object> permite a personalização da aparência e do comportamento do conteúdo incorporado. Isso pode ser útil para criar experiências multimídia avançadas ou para fornecer funcionalidade adicional que não está disponível apenas com HTML.
  • A tag <object> pode ser usada para incorporar conteúdo interativo, como animações em Flash, applets Java ou outros plug-ins em uma página da web. Isso pode ser útil para criar experiências envolventes e interativas para os usuários.
Conhecimento Adicional: Usar um <iframe> é a maneira mais eficaz de incorporar HTML .

Atributos

Global

O objeto Tag <object> é compatível com atributos globais em HTML.

Evento

O objeto Tag <object> é compatível com os atributos Event em HTML.


Lista de Atributos

Atributo Valor Visão geral
o tipo deve corresponder verdadeiro falso Determine se o atributo type e o conteúdo real do recurso precisam corresponder para serem renderizados.
dados URL Fornece a URL do recurso que o objeto utilizará.
forma form_id Identifica a forma do objeto.
altura píxeis A altura do objeto é determinada.
nome nome Forneça um nome para o objeto.
tipo tipo de mídia Fornece o tipo de mídia para os dados contidos no atributo de dados.
largura píxeis Define a largura do objeto.
mapa de uso #mapname Este campo indica o nome do mapa de imagem do lado do cliente que será vinculado a este objeto.

plug-ins

O objeto Tag <object> foi desenvolvido para embutir plug-ins em navegadores.

Um plug-in é um programa de software que aprimora os recursos de um navegador.

Existem muitos propósitos para os quais você pode usar plug-ins :

  1. Você pode executar miniaplicativos Java.
  2. Você pode executar controles ActiveX.
  3. Mostrar filmes em Flash.
  4. Exibir um mapa.
  5. Verifique se há vírus.
  6. Certifique-se de que seu ID do banco é válido.

Cuidados!

A maioria dos navegadores não acomoda mais applets ou plug-ins Java .

Nenhum navegador é mais compatível com controles ActiveX .

Os navegadores modernos também desativam a compatibilidade Shockwave Flash .


Compatibilidade do navegador

Elemento
<objeto> Sim Sim Sim Sim Sim

CSS predefinido

Os navegadores geralmente apresentam o elemento <object> com os seguintes valores padrão:

object:focus {
outline: none;
}

Vantagens do objeto de marcação

A tag <object> em HTML tem várias vantagens:

  • A tag <object> é uma ferramenta flexível para incorporar vários tipos de conteúdo externo em uma página da Web, incluindo imagens, vídeos, arquivos de áudio e outros tipos de mídia. Ele também pode ser usado para incorporar conteúdo interativo, como animações em Flash, miniaplicativos Java ou outros plug-ins.
  • A tag <object> permite a personalização da aparência e do comportamento do conteúdo incorporado. Isso pode ser útil para criar experiências multimídia avançadas ou para fornecer funcionalidade adicional que não está disponível apenas com HTML.
  • A tag <object> fornece opções de fallback caso o recurso externo falhe ao carregar. Isso garante que os usuários ainda tenham acesso a informações importantes, mesmo que o recurso externo não esteja disponível.
  • A tag <object> pode ser usada para fornecer alternativas acessíveis para conteúdo multimídia, como legendas, subtítulos ou descrições de texto.
  • A tag <object> é suportada pela maioria dos navegadores modernos, tornando-a uma ferramenta confiável para incorporar conteúdo externo em uma página da web.
Assine nosso boletim informativo abaixo para estar em contato com as informações técnicas mais recentes neste site.

Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone