En son web geliştirme öğreticiler
 

HTML <figure> Tag


Örnek

Bir kullan <figure> bir belgede bir fotoğraf işaretlemek için eleman:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Kendin dene "

Tanımı ve Kullanımı

<figure> etiketi vb resim, şekil, fotoğraf, kod girişler gibi müstakil içeriği belirtir

Içeriği ise <figure> elemanı ana akımı ile ilgili, konumunu ana akışın bağımsızdır ve kaldırıldı eğer belgenin akışını etkilememelidir.


Tarayıcı Desteği

Tablodaki rakamlar tamamen elemanı destekleyen ilk tarayıcı sürümü belirtin.

Eleman
<figure> 6 9.0 4.0 5.0 11.1

HTML 4.01 ve HTML5 Arasındaki Farklar

<figure> etiketi HTML5 getirdiği bir yeniliktir.


İpuçları ve Notlar

Tip: <figcaption> elemanı için bir başlık eklemek için kullanılır <figure> elemanı.


Küresel Nitelikler

<figure> etiketi de destekliyor Küresel HTML Özellikleri .


Olay Nitelikler

<figure> etiketi de destekler Olay HTML Özellikleri .


İlgili Sayfalar

HTML DOM referansı: Şekil Nesnesi


Varsayılan CSS Ayarları

Çoğu tarayıcı gösterecektir <figure> aşağıdaki varsayılan değerlerle eleman:

Örnek

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
Kendin dene "