Tag HTML <object>

Definicja i użycie

<object> Tagi definiują kontener zewnętrznych zasobów.

Zewnętrzne zasoby mogą być stronami internetowymi, obrazami, odtwarzaczami mediów lub aplikacjami wtyczek.

Aby wstawić obraz, najlepiej użyć tagu <img>.

Aby wstawić HTML, najlepiej użyć tagu <iframe>.

Aby wstawić wideo lub audio, najlepiej użyć <video> i <audio> Tagi.

Zobacz również:

Kurs HTML:Element Object HTML

Podręcznik HTML DOM:Obiekt

Wtyczki

<object> Tagi pierwotnie były projektowane do wstawiania wtyczek przeglądarki.

Wtyczki to programy komputerowe rozszerzające standardowe funkcje przeglądarki.

Wtyczki mają wiele różnych zastosowań:

  • Uruchamianie aplikacji Java
  • Uruchamianie kontrolki ActiveX
  • Wyświetlanie filmu Flash
  • Wyświetlanie mapy
  • Skanowanie wirusów
  • Weryfikacja identyfikatora banku

Ostrzeżenie !

Większość przeglądarek już nie obsługuje wtyczek Java i aplikacji Java.

Żadna przeglądarka już nie obsługuje kontrolki ActiveX.

Nowoczesne przeglądarki już zakończyły obsługę Shockwave Flash.

Przykład

Przykład 1

Wbudowane obrazki:

<object data="tulip.jpg" width="300" height="300"></object>

Spróbuj sam

Przykład 2

Wbudowana strona HTML:

<object data="/index.html" width="500" height="300"></object>

Spróbuj sam

Przykład 3

Wbudowany wideo:

<object data="shanghai.mp4" width="640" height="300"></object>

Spróbuj sam

Atrybut

Atrybut Wartość Opis
data URL Określa URL zasobu, którego ma używać obiekt.
form Identyfikator formularza Określa formularz, do którego należy obiekt.
height Pixel Określa wysokość obiektu.
name Nazwa Określa nazwę obiektu.
type Typ medium Określa typ medium danych określonych w atrybucie data.
typemustmatch true/false Określa, czy wartość atrybutu type musi pasować do rzeczywistej treści zasobu, aby można go było wyświetlić.
usemap #mapname Określa nazwę klienta mapy obrazu, która ma być używana razem z obiektem.
width Pixel Określa szerokość obiektu.

Globalne atrybuty

<object> Tag ten obsługuje również Globalne atrybuty HTML.

Atrybuty zdarzeń

<object> Tag ten obsługuje również Atrybuty zdarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek używa następujących domyślnych wartości do wyświetlania elementu <object>:

object:focus {
  outline: none;
}

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane