Najnowsze tutoriale tworzenie stron internetowych
 

HTML <figure> Tag


Przykład

Użyj <figure> elementu, aby oznaczyć zdjęcie w dokumencie:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Spróbuj sam "

Definicja i Wykorzystanie

<figure> tag określa zawartość samodzielne, jak ilustracje, wykresy, zdjęcia, listingów, etc.

Natomiast zawartość <figure> elementu jest podobne do przepływu głównego, dzięki czemu jest niezależna od przepływu głównego, a po wyjęciu, nie powinny wpływać na przepływ dokumencie.


Pomoc Browser

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje elementu.

Element
<figure> 6,0 9,0 4,0 5,0 11,1

Różnice między HTML 4.01 i HTML5

<figure> tag nowego w HTML5.


Porady i wskazówki

Porada: <figcaption> element jest używany, aby dodać podpis do <figure> elementu.


Atrybuty globalne

<figure> tag obsługuje również globalne Atrybuty w HTML .


Atrybuty Event

<figure> tag obsługuje również Event Atrybuty w HTML .


Podobne strony

Odniesienia HTML DOM: Rysunek obiektu


Domyślne ustawienia CSS

Większość przeglądarek wyświetli <figure> element z następujących wartości domyślnych:

Przykład

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
Spróbuj sam "