Ostatnio edytowany:

figcaption

Autor: Virtual Patriot

Przeznaczenie elementu figcaption

Element figcaption reprezentuje nagłówek dla treści reprezentowanej przez zawartość elementu figure, do którego należy dany element figcaption.

Dodatkowe techniczne informacje o elemencie figcaption

kategoria ogólna

brak

kontekst zewnętrzny
wyłącznie jako pierwszy lub wyłącznie jako ostatni element dziecko elementu figure

Przykładowy Kod HTML

<figure>
  <figcaption>Przykładowe reguły CSS</figcaption>

  <pre>
    body {
      background-color:red;
    }
  </pre>

  <pre>
    div {
      background-color:blue;
    }
  </pre>
</figure>

Kontekstem zewnętrznym przykładowego elementu "figcaption" jest element "figure", dla którego wspomniany element "figcaption" jest pierwszym elementem dzieckiem, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "figure", jest prawidłowym kontekstem zewnętrznym dla elementu "figcaption".

Przykładowy Kod HTML

<figure>
    <img src="owoc-01.png" alt="czereśnia dojrzała">
    <img src="owoc-02.png" alt="czereśnia niedojrzała">
    <figcaption>Zdjęcia czereśni</figcaption>
</figure>

Kontekstem zewnętrznym przykładowego elementu "figcaption" jest element "figure", dla którego wspomniany element "figcaption" jest ostatnim elementem dzieckiem, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "figure", jest prawidłowym kontekstem zewnętrznym dla elementu "figcaption".

kontekst wewnętrzny
zawartość opływająca

Przykładowy Kod HTML

<figure>
  <figcaption>
    <p>Przykładowe reguły CSS</p>
    <p>Kod w pierwszym elemencie "pre" określa czerwony kolor tła elementu "body"</p>
    <p>Kod w drugim elemencie "pre" określa niebieski kolor tła elementów "div"</p>
  </figcaption>

  <pre>
    body {
      background-color:red;
    }
  </pre>

  <pre>
    div {
      background-color:blue;
    }
  </pre>
</figure>

Kontekstem wewnętrznym przykładowego elementu "figcaption" są wyłącznie elementy HTML, które należą do kategorii zawartość opływająca, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "p", element "p" oraz element "p", jest prawidłowym kontekstem wewnętrznym dla elementu "figcaption".

wymagane elementy dzieci

brak

wymagane atrybuty

brak

składnia HTML

<figcaption> ... </figcaption>

pominięcie tagu na początku

nigdy

pominięcie tagu na końcu

nigdy

CSS display

block

Dodatkowe domyślne reguły CSS elementu figcaption

figcaption {
  display:block;
}

Interpretacja elementu figcaption

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak, lecz od wersji 9

Edge

tak

Zobacz więcej informacji o interpretacji elementu .