Ultimele tutoriale de dezvoltare web
 

HTML <figure> Tag


Exemplu

Utilizați o <figure> Element pentru a marca o fotografie într - un document:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Încearcă - l singur »

Definiție și utilizare

<figure> Eticheta specifică conținut autonom, cum ar fi ilustrații, diagrame, fotografii, liste de cod, etc.

În timp ce conținutul <figure> Elementul este legat de fluxul principal, poziția sa este independentă de fluxul principal, iar dacă a fost eliminată nu ar trebui să afecteze fluxul documentului.


Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin elementul.

Element
<figure> 6 9 4 5 11.1

Diferențe între HTML 4.01 și HTML5

<figure> tag - ul este nou în HTML5.


Sfaturi și note

Tip: <figcaption> Elementul este folosit pentru a adăuga o legendă pentru <figure> element.


Atribute globale

<figure> tag - ul sprijină , de asemenea, Atributele Global in HTML .


Atribute Eveniment

<figure> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .


Pagini similare

HTML DOM referință: Figura Obiect


Setări implicit CSS

Cele mai multe browsere vor afișa <figure> elementul cu următoarele valori implicite:

Exemplu

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
Încearcă - l singur »