Objeto HTML (Plugin)

Objeto HTML é uma tag usada em HTML para incorporar conteúdo multimídia , incluindo imagens, áudio, vídeo e outros tipos de conteúdo em páginas da web.

A tag fornece uma maneira de adicionar conteúdo externo a uma página da Web, mantendo a estrutura geral e o layout da página.

O objeto HTML é o tópico em questão. Plug-ins são programas de software que aumentam os recursos básicos do navegador.



plug-ins

Os plug-ins foram criados com uma ampla gama de finalidades:

  1. Executando applets Java.
  2. Executando controles Microsoft ActiveX.
  3. Exibição de filmes em Flash.
  4. Exibição de mapas.
  5. Varredura de vírus.
  6. Verificando um ID do banco.

Atenção! Quase todos os navegadores não funcionam mais com applets e plugins Java.

Os navegadores da Web não oferecem mais suporte a controles ActiveX.

Os navegadores modernos também não funcionam com o Shockwave Flash.


Elemento do Objeto HTML

Todos os navegadores são compatíveis com o elemento <object> .

Os objetos são incorporados em documentos HTML com o elemento <object> .

Ele foi criado para incorporar plug-ins (como applets Java, leitores de PDF e reprodutores de Flash) em páginas da Web, mas também pode incluir HTML em HTML:

O seguinte é um exemplo de um objeto HTML :

Example

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<object width="100%" height="500px" data="/MrExample.html"></object>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está um exemplo de como usar a tag HTML Object para arquivos PDF:

Example: 

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><object data="https://mrexamples.com/wp-content/uploads/2023/03/mr.pdf" type="application/pdf" width="100%" height="800px"><br> <p>Alternative text include a link <a href="example.pdf">to the PDF!</a></p><br></object><br><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

No exemplo acima, a tag <object> é usada para incorporar um arquivo PDF na página da web. O atributo data especifica a URL do arquivo, enquanto o atributo type especifica o tipo MIME do arquivo.

Os atributos de largura e altura especificam as dimensões do conteúdo incorporado.

Um dos principais benefícios de usar a tag HTML Object é que ela fornece um mecanismo de fallback para navegadores que não suportam o conteúdo que está sendo incorporado.

No exemplo acima, o texto “Texto alternativo – inclua um link para o PDF!” será exibido para navegadores que não suportam arquivos PDF.

A tag HTML Object também pode ser usada para incorporar outros tipos de conteúdo, como vídeos, arquivos de áudio e imagens.

Aqui está um exemplo de como usar a tag HTML Object para incorporar uma imagem:

Example

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<object width="400" height="350" data="https://mrexamples.com/wp-content/uploads/2023/03/mrexample_laptop.jpg"></object>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Você também pode usar o arquivo png com a tag de objeto:

Example: 

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<body>
<object width="400" height="250" data="https://mrexamples.com/wp-content/uploads/2023/03/Mountain.png">
</object>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Um elemento <embed>

Todo navegador moderno é compatível com o elemento <embed> .

Um documento HTML também pode ter um objeto incorporado usando o elemento <embed> .

Já faz muito tempo desde que os navegadores da web incluíram o elemento <embed> . Antes do HTML5, não fazia parte da especificação do HTML.

Example

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<embed width="400" height="350" src="https://mrexamples.com/wp-content/uploads/2023/03/mrexample_laptop.jpg">
</embed></body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Ao contrário de um elemento HTML padrão, o elemento embed não possui uma tag de fechamento. Além disso, não pode conter texto alternativo.

Além disso, o HTML pode ser incorporado com o elemento <embed> :

Example

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<embed width="100%" height="500px" data="/MrExample.html">
</embed></body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Deixe sua reação abaixo como forma de agradecimento ou sugestão para a melhoria deste 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