Načrtovanje in razvoj spletnih aplikacij
Nazaj
Naprej

Object

Oznaka <object> omogoča vključitev zunanje vsebine v HTML dokument. Z njo lahko v spletno stran vključimo na primer sliko, datoteko PDF ali drugo datoteko, ki jo brskalnik zna prikazati. Element predstavlja zunanji vir, ki se lahko obravnava kot slika, ugnezden dokument ali drug podprt vir.

Osnovna oblika oznake je:

<object data="datoteka" type="vrsta_datoteke"></object>

Pomni: Če vključene vsebine ni mogoče prikazati, lahko med začetno in končno oznako <object> dodamo nadomestno vsebino ali drugo nadomestno vsebino.

Osnovna pravila

  • Z oznako <object> vključimo zunanji vir v HTML dokument.
  • Atribut data določa pot do vključene datoteke.
  • Atribut type določa vrsto vsebine oziroma MIME-tip datoteke.
  • Velikost prikaza določimo z atributoma width in height.
  • Po potrebi znotraj oznake dodamo nadomestno vsebino.

Pozor: Oznaka <object> je splošna oznaka za vključitev zunanjih virov, vendar za določene vrste vsebine pogosto obstajajo primernejše specializirane oznake, na primer <img>, <video> ali <iframe>.

Pogosti atributi oznake <object>

  • data – določa pot do datoteke, ki jo želimo prikazati,
  • type – določa vrsto vsebine oziroma MIME-tip datoteke,
  • width – določa širino objekta,
  • height – določa višino objekta,
  • name – določa ime objekta.

Primer vključitve slike

Z oznako <object> lahko vključimo tudi sliko:

<object data="../../_slike/html5.png" type="image/png" width="200" height="200">
  Slike ni mogoče prikazati.
</object>
Slike ni mogoče prikazati.

Primer vključitve datoteke PDF

Oznaka <object> je lahko uporabna tudi za prikaz dokumentov PDF, če jih brskalnik podpira:

<object data="primer.pdf" type="application/pdf" width="500" height="300">
  Dokumenta PDF ni mogoče prikazati.
</object>
Dokumenta PDF ni mogoče prikazati.

Primer z nadomestnim besedilom

Če vključena vsebina ni na voljo ali je brskalnik ne podpira, se prikaže nadomestna vsebina, zapisana znotraj elementa:

<object data="datoteka.xyz" type="application/octet-stream" width="400" height="100">
  Vaš brskalnik te vsebine ne podpira.
</object>
Vaš brskalnik te vsebine ne podpira.

Primer z dodatno nadomestno vsebino

Med začetno in končno oznako lahko dodamo tudi povezavo do datoteke:

<object data="primer.pdf" type="application/pdf" width="500" height="300">
  <p>Dokumenta ni mogoče prikazati. <a href="primer.pdf">Prenesi PDF</a>.</p>
</object>

Primerjava z drugimi oznakami

Oznaka Običajna raba
<img> prikaz slike
<iframe> vdelava drugega dokumenta ali zunanje strani
<video> predvajanje videa
<object> splošna vključitev zunanjega vira

Oznaka <object> se danes uporablja redkeje kot nekoč. Za slike običajno uporabljamo <img>, za videe <video>, za zunanje strani ali YouTube vsebine pa pogosto <iframe>.

Priporočila

  • Oznako <object> uporabi takrat, ko želiš vključiti zunanji vir splošnega tipa.
  • Vedno jasno določi atributa data in type.
  • Po potrebi dodaj nadomestno vsebino znotraj elementa <object>.
  • Za slike, videe in zunanje dokumente uporabi primernejšo specializirano oznako, kadar ta obstaja.
  • Velikost prikaza določi z atributoma width in height.

Pogoste napake

  • Atribut type ni usklajen z dejansko vrsto vsebine.
  • Nadomestna vsebina ni zapisana, čeprav je lahko potrebna.
  • Oznaka <object> je uporabljena tam, kjer bi bila primernejša oznaka <img>, <video> ali <iframe>.
  • Pot v atributu data ni pravilna.
  • Velikost prikaza ni prilagojena vključeni vsebini.
Nazaj
Naprej