<object> și <embed> în HTML

<object data="fisier.pdf" type="application/pdf" width="600" height="400">
  <a href="fisier.pdf">Descarcă PDF-ul</a>
</object>
<embed src="fisier.pdf" type="application/pdf" width="600" height="400">

Ce face <object> și <embed>

Elementul <object> afișează o resursă externă indicată prin atributul data. Între <object> și </object> poți pune conținut de rezervă (un link, un text): browserul îl arată doar dacă nu poate afișa resursa.

Elementul <embed> face același lucru, dar este un element gol (fără tag de închidere), deci nu are conținut de rezervă. Primește resursa prin atributul src.

Astăzi cele două elemente se folosesc mai ales pentru PDF-uri. Pluginurile vechi (Flash, Java) nu mai există în browsere. Pentru video, audio și pagini web folosește <video>, <audio> și <iframe>.

Atribute

Atribut	Descriere
data	Pe <object>: adresa resursei încorporate.
src	Pe <embed>: adresa resursei încorporate.
type	Tipul MIME al resursei, de exemplu application/pdf sau image/svg+xml.
width / height	Dimensiunile zonei în pixeli.

Exemple

Exemplul 1: Un PDF afișat în pagină, cu link de rezervă

Dacă browserul nu poate afișa PDF-ul în pagină (de exemplu pe unele telefoane), apare linkul din interiorul <object>.

<object data="/docs/orar-iasi-2026.pdf" type="application/pdf" width="100%" height="500">
  <p>Browserul tău nu afișează PDF-uri în pagină.
    <a href="/docs/orar-iasi-2026.pdf">Descarcă orarul (PDF, 240 KB)</a>.</p>
</object>

Ce afișează browserul

Pe calculator: vizualizatorul PDF al browserului, cu orarul și butoane de zoom și descărcare.
Pe un browser fără vizualizator PDF: textul „Browserul tău nu afișează PDF-uri în pagină” și linkul de descărcare.

Exemplul 2: <embed> pentru același PDF

Varianta scurtă, fără conținut de rezervă. Dacă afișarea nu merge, zona rămâne goală.

<embed src="/docs/factura-ana-popescu.pdf" type="application/pdf" width="600" height="400">

Ce afișează browserul

Un cadru de 600 × 400 px cu factura în vizualizatorul PDF al browserului.

Greșeli frecvente

• Folosirea lor pentru video sau pentru alte pagini web: pentru acestea există <video> și <iframe>.
• Lipsa unui link de descărcare: pe unele dispozitive PDF-ul nu se afișează în pagină, iar utilizatorul nu are altă cale spre fișier.
• Omiterea atributului type: browserul trebuie să ghicească tipul resursei.

Comenzi înrudite

• <iframe>: Încorporează un alt document HTML în interiorul paginii curente (videoclipuri YouTube, hărți, widget-uri).
• <img>: Inserează o imagine în pagină; element vid cu atribute obligatorii src (calea) și alt (textul alternativ).
• <video>: Redă conținut video direct în browser, fără pluginuri externe, cu butoane native de redare și volum.
• <a>: Creează un hyperlink către o altă pagină web, un fișier, o adresă de email, un număr de telefon sau o ancoră din pagină.