Znacznik HTML <object>
Przykład
Obraz osadzony:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Przykład
Wbudowana strona HTML:
<object data="snippet.html" width="500" height="200"></object>
Przykład
Osadzone wideo:
<object data="video.mp4" width="400" height="300"></object>
Definicja i użycie
Tag <object>
definiuje kontener dla zasobu zewnętrznego.
Zasobem zewnętrznym może być strona internetowa, obraz, odtwarzacz multimedialny lub aplikacja typu plug-in.
Aby osadzić zdjęcie, lepiej użyć <img>
tagu.
Aby osadzić HTML, lepiej użyć <iframe>
tagu.
Aby osadzić wideo lub audio, lepiej użyć tagów <video>
i .<audio>
Obsługa przeglądarki
Element | |||||
---|---|---|---|---|---|
<object> | Yes | Yes | Yes | Yes | Yes |
Wtyczki
Tag <object>
został pierwotnie zaprojektowany do osadzania wtyczek przeglądarki.
Wtyczki to programy komputerowe rozszerzające standardową funkcjonalność przeglądarki.
Wtyczki były używane do wielu różnych celów:
- Uruchom aplety Java
- Uruchom kontrolki ActiveX
- Wyświetl filmy Flash
- Wyświetl mapy
- Skanuj w poszukiwaniu wirusów
- Zweryfikuj identyfikator banku
Ostrzeżenie !
Większość przeglądarek nie obsługuje już apletów i wtyczek Java.
Formanty ActiveX nie są już obsługiwane w żadnej przeglądarce.
Wsparcie dla Shockwave Flash również zostało wyłączone w nowoczesnych przeglądarkach.
Atrybuty
Attribute | Value | Description |
---|---|---|
data | URL | Specifies the URL of the resource to be used by the object |
form | form_id | Specifies which form the object belongs to |
height | pixels | Specifies the height of the object |
name | name | Specifies a name for the object |
type | media_type | Specifies the media type of data specified in the data attribute |
typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
width | pixels | Specifies the width of the object |
Atrybuty globalne
Znacznik <object>
obsługuje również atrybuty globalne w HTML .
Atrybuty wydarzenia
Tag <object>
obsługuje również Atrybuty Zdarzeń w HTML .
Powiązane strony
Samouczek HTML: Element obiektu HTML
Dokumentacja HTML DOM: Obiekt Object
Domyślne ustawienia CSS
Większość przeglądarek wyświetla <object>
element z następującymi wartościami domyślnymi:
object:focus {
outline: none;
}