Autor publikacji
Virtual Patriot - Administrator

embed

Data publikacji
Ostatnio edytowano

Przeznaczenie elementu embed

Element embed reprezentuje zasób internetowy, który zazwyczaj pochodzi z innej technologii niż technologia HTML oraz który musi zostać obsłużony przez dodatkowy PLUGIN przeglądarki internetowej, np. przez wtyczkę FLASH.

Dodatkowe artykuły związane z elementem embed

Informacje techniczne o elemencie embed

kategoria ogólna
kontekst zewnętrzny

element HTML, który tworzy wewnętrzny kontekst wbudowany

Przykładowy Kod HTML

<figure>
  <figcaption>Przykładowe wideo</figcaption>
  <embed src="wideo-01.swf">
</figure>

Kontekstem zewnętrznym przykładowego elementu "embed" jest element "figure". Wspomniany element "figure" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst wbudowany, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "figure", jest prawidłowym kontekstem zewnętrznym dla elementu "embed".

kontekst wewnętrzny

brak

wymagane elementy dzieci

brak

wymagane atrybuty

brak

zdolność fallback

nie dotyczy

składnia HTML

<embed>

pominięcie tagu na początku

nigdy

pominięcie tagu na końcu

zawsze

CSS display

  • inline-block (jeżeli zasób internetowy reprezentowany przez element embed został poprawnie dołączony do dokumentu HTML)

  • inline (jeżeli zasób internetowy reprezentowany przez element embed nie został poprawnie dołączony do dokumentu HTML)

Przypuszczalnie domyślne reguły CSS elementu embed

/* jeżeli zasób internetowy reprezentowany przez element "embed" został poprawnie dołączony do dokumentu HTML */
embed {
  display:inline-block;
}

Interpretacja elementu embed

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak

Opis atrybutów elementu embed

Atrybut Lokalny

height

Przeznaczenie atrybutu height

Atrybut height wykorzystany wraz z elementem embed pozwala nam określić wartość wysokości, jaką powinien posiadać dany element embed.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu height

liczba

Należy podać nieujemną liczbę całkowitą.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <embed src="https://webkod.pl/files/html/animacja-01.swf" height="100">

  </body>
</html>

Rezultat

Wartość wysokości przykładowego elementu "embed" wynosi "100" pikseli, ponieważ do wspomnianego elementu "embed" został dodany atrybut "height" wraz z wartością "100".

Atrybut Lokalny

src

Przeznaczenie atrybutu src

Atrybut src wykorzystany wraz z elementem embed pozwala nam określić adres zasobu internetowego, który chcemy, aby był reprezentowany przez dany element embed.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu src

URL

Należy podać niepusty ciąg znaków w formie adresu URL.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <embed src="https://webkod.pl/files/html/animacja-01.swf">

  </body>
</html>

Rezultat

Zasobem internetowym reprezentowanym przez przykładowy element "embed" jest zasób internetowy "animacja-01.swf" znajdujący się pod adresem "https://webkod.pl/files/html/animacja-01.swf", ponieważ do wspomnianego elementu "embed" został dodany atrybut "src" wraz z wartością "https://webkod.pl/files/html/animacja-01.swf".

Atrybut Lokalny

type

Przeznaczenie atrybutu type

Atrybut type wykorzystany wraz z elementem embed pozwala nam określić informację o typie MIME, jaki posiada zasób internetowy reprezentowany przez dany element embed.

Gdy dany element "embed" posiada atrybut src, wtedy typ MIME określony przez nas za pomocą wartości danego atrybutu "type" musi zgadzać się z typem MIME w rzeczywistości posiadanym przez zasób internetowy reprezentowany przez dany element "embed", w przeciwnym przypadku przeglądarka internetowa nie będzie wiedziała, który PLUGIN uruchomić, aby obsłużyć docelowy zasób internetowy.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu type

typ MIME

Należy podać ciąg znaków w formie typu MIME.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <embed src="https://webkod.pl/files/html/animacja-01.swf" type="application/x-shockwave-flash">

  </body>
</html>

Rezultat

Ponieważ do przykładowego elementu "embed" został dodany atrybut "type" wraz z wartością "application/x-shockwave-flash", przykładowy element "embed" reprezentujący zasób internetowy "animacja-01.swf" zawiera dodatkową informację dla przeglądarki internetowej o tym, że typem MIME, jaki posiada zasób internetowy "animacja-01.swf", jest typ wskazujący na plik typu SWF.

Atrybut Lokalny

width

Przeznaczenie atrybutu width

Atrybut width wykorzystany wraz z elementem embed pozwala nam określić wartość szerokości, jaką powinien posiadać dany element embed.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu width

liczba

Należy podać nieujemną liczbę całkowitą.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <embed src="https://webkod.pl/files/html/animacja-01.swf" width="150">

  </body>
</html>

Rezultat

Wartość szerokości przykładowego elementu "embed" wynosi "150" pikseli, ponieważ do wspomnianego elementu "embed" został dodany atrybut "width" wraz z wartością "150".

inny

Wyjaśnienie

Możemy podać nazwę oraz wartość każdego innego atrybutu, który jest przeznaczony do kontrolowania działania zasobu internetowego reprezentowanego przez dany element embed.

Element "embed" nie może posiadać atrybutów o następujących nazwach: "align", "name", "hspace", "vspace", ponieważ wymienione nazwy atrybutów istnieją we wcześniejszych wersjach języka HTML, lecz nie w wersji HTML5.

Wartość domyślna

dla każdego atrybutu może być inna

Wartości atrybutu

ciąg znaków

Należy podać ciąg znaków, który chcemy, aby został wykorzystany przez przeglądarkę internetową do określenia interesującej nas wartości.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <embed src="https://webkod.pl/files/html/animacja-01.swf" width="400" bgcolor="#FDD700">

  </body>
</html>

Rezultat

Zasób internetowy "animacja-01.swf" reprezentowany przez przykładowy element "embed" posiada nowy kolor tła, ponieważ do wspomnianego elementu "embed" został dodany atrybut "bgcolor" wraz z wartością "#FDD700".