1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
---
title: <embed>
slug: Web/HTML/Element/embed
tags:
- Conteúdo externo
- Elemento
- HTML
- HTML5
- Incorporação de conteúdo
- Incorporação de conteúdo HTML
- Internet
- Plugins
- Rede
- Referencia
- Web
- embutir
- incorporar
translation_of: Web/HTML/Element/embed
---
<h2 id="Sumário">Sumário</h2>
<p>O <strong>elemento HTML <code><embed></code> </strong>incorpora conteúdo externo no ponto especificado no documento. Este conteúdo é fornecido por um aplicativo externo ou outra fonte de conteúdo interativo, como um plug-in de navegador.</p>
<p>{{EmbedInteractiveExample("pages/tabbed/embed.html", "tabbed-standard")}}</p>
<div class="hidden">
<p>A fonte deste exemplo interativo é armazenada em um repositório GitHub. Se você deseja contribuir com o projeto de exemplos interativos, clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> e envie-nos uma solicitação de recebimento.</p>
</div>
<div class="note">
<p><strong>Nota</strong>: Este tópico documenta apenas o elemento definido como parte do HTML5. Ele não trata da implementação anterior e não padronizada do elemento.</p>
</div>
<p>Lembre-se de que a maioria dos navegadores modernos descontinuou e removeu o suporte para plug-ins de navegador. Portanto, confiar no <code><embed> </code>geralmente não é aconselhável se você deseja que seu site funcione no navegador do usuário comum. </p>
<ul class="htmlelt">
<li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categoria de conteúdo</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, embedded content, interactive content, palpable content.</li>
<li><dfn>Conteúdo permitido</dfn> Nenhum, é um {{Glossary("empty element")}}.</li>
<li><dfn>Omissão de Tag</dfn>Deve iniciar com uma tag de início, mas não deve ter uma tag de fechamento.</li>
<li><dfn>Elementos pai (ancestral)<br>
permitidos</dfn>Qualquer elemento que aceita incorporação de conteúdo.</li>
<li><dfn>Interface DOM</dfn> {{domxref("HTMLEmbedElement")}}</li>
</ul>
<h2 id="Atributos">Atributos</h2>
<p><span style="line-height: 21px;">Este elemento inclui os </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributos globais</a><span style="line-height: 21px;">.</span></p>
<dl>
<dt>{{htmlattrdef("height")}}</dt>
<dd>A altura apresentada do recurso, em <a href="https://drafts.csswg.org/css-values/#px">CSS pixels.</a> Este deve ser um valor absoluto; porcentagens <em>não </em>são permitidas.</dd>
<dt>{{htmlattrdef("src")}}</dt>
<dd>A URL do recurso que está sendo incorporado.</dd>
<dt>{{htmlattrdef("type")}}</dt>
<dd>O <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/MIME_type">tipo MIME</a> a ser usado para a seleção do <em>plug-in</em> de instanciação.</dd>
<dt>{{htmlattrdef("width")}}</dt>
<dd>A largura apresentada do recurso, em CSS pixels. Este deve ser um valor absoluto; porcentagens <em>não </em>são permitidas.</dd>
<dt></dt>
</dl>
<h2 id="Exemplo">Exemplo</h2>
<pre class="brush: html"><embed type="video/quicktime" src="movie.mov" width="640" height="480">
</pre>
<h2 id="Specifications" name="Specifications">Especificações</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-embed-element', '<embed>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-embed-element', '<embed>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidade_entre_navegadores">Compatibilidade entre navegadores</h2>
<div class="note">
<p><strong>Nota</strong>: Atualmente existe uma diferença na implementação pelos navegadores. Enquanto carrega, no Chrome e no Opera, aparece o conteúdo do recurso em HTML, no Firefox, mostra uma mensagem genérica falando que o conteúdo precisa de um <em>plug-in </em>(veja o {{Bug("730768")}}). É recomendado que se use os elementos {{HTMLElement("object")}} ou {{HTMLElement("iframe")}}.</p>
</div>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Veja_também">Veja também</h2>
<ul>
<li>Outros elementos usados para incorporar conteúdo de vários tipos, incluem: {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{MathMLElement("math")}}, {{HTMLElement("object")}}, {{SVGElement("svg")}}, and {{HTMLElement("video")}}.</li>
<li>Posicionamento e dimensionamento de conteúdos incorporados dentro da janela de exibição: {{cssxref("object-position")}} and {{cssxref("object-fit")}}</li>
</ul>
<p>{{ HTMLRef }}</p>
|
