Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

<figure> Etiketi

<figure> Etiketi

<figure> etiketi kendini kapsayan (tam tümceler gibi), seçime bağlı olarak bir başlık ile birlikte, bir akış içeriğini belirtir ve genel olarak belgenin ana akışından bir birimdir.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam283241392
Bugün892

<figure> Etiketi Temel Özellikler

Etiket Yazımı ve Etiket Kullanımı :
<figure></figure> <!-- Etiket hem açılıp hem de kapanmak zorunda. -->
Örnek :
DOM Arayüzü :
HTMLElement
Durum :
Yaşayan Ölçün
Öznitelikler :
Tüm Evrensel Öznitelikler
Açıklama :
Örneklendirme etiketi olarak kullanılır.

<figure> Etiketi Kullanımı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

<figure> etiketi kendini kapsayan (tam tümceler gibi), seçime bağlı olarak bir başlık ile birlikte, bir akış içeriğini belirtir ve genel olarak belgenin ana akışından bir birimdir.

Ana akışın bir parçası olmasına rağmen konumu değişkendir.

Bu etiketin iyi anlaşılması için içerik akışı öğrenilmiş olmalıdır.

Bu içerikte kendini kapsayan demek değildir ki kesinlikle içerikten bağımsız. Örnek olarak bir paragrafın her tümcesi kendini kapsar; bir tümcedeki bir görsel <figure> etiketi kullanımı için uygunsuzdur ama tümüyle görsellerden oluşan bir paragraf uygundur.

Böylece bu etiket, içeriği; örneklendirmeyle, diagramla, fotoğrafla, kod dizelgesiyle ve benzeriyle açıklamada kullanılır.

Şiirleri etiketlemede de kullanılabilir.

Eğer <figure> etiketi ana içerik ile etikette kullanılan başlık yardımıyla ilişkilendiriliyorsa (üç numaralı örnekte görüldüğü üzere, gibi...) bu içerik ana içerikten, başka bir sayfaya, eke ya da adanmış bir sayfaya aktarılabilir.


Eğer <figure> etiketi ana içerik ile aşağıdaki fotoğrafta ya da sıradaki örnekte gibi bağıntılı tümceler yardımıyla ilişkilendirilirse <figure> etiketinin ana içerikten taşınması ana içeriğin akışının bozulmasına yol açar.


Yazarlar bu yüzden <figure> etiketini ana içerikle ilişkilendirmede bağıntılı tümceler kullanmak yerine ilişkilendirmeyi başlık yardımıyla yapmayı düşünmeliler. Bu durum sayfada gerçekleştirilebilecek olası değişikliklerde kolaylık sağlar.

<figure> etiketinin ilk çocuk <figcaption> etiketi -eğer varsa- <figure> etiketinin başlığını belirtir. Eğer çocuk <figcaption> etiketi yoksa o zaman başlık yoktur.

<figure> etiketi kendisini çevreleyen içeriğin bir parçasıdır. Eğer sayfanın amacı <figure> etiketini göstermek ise <figure> etiketi ve başlık olarak <figure> etiketinde <figcaption> etiketi kullanılabilir. Örnek olarak bir görsel paylaşım sitesinde fotoğraf <figure> etiketi içinde <figcaption> etiketi ile kullanılabilir. Doğrudan ilgili olmayan içerik içinse ya da akışı çevrelemekten farklı bir amaca hizmet edilecekse, <aside> etiketi (ki kendisi <figure> etiketini kapsayabilir) kullanılmalıdır. Örnek olarak, eğer yazıdan bir bölüm alınıyorsa <aside> etiketinin kullanımı <figure> etiketinin kullanımından daha uygundur çünkü o (yinelenen içerik) içeriğin (yani ana akışın) bir parçası değil, onun yerine, kullanıcıları ayartma (yani kullanıcıların farkına varmasını sağlama) amacıyla yazının yinelenmesidir.

<figure> Etiketi Tarayıcı Desteği

MasaüstüTaşınabilir
Tarayıcı →Öznitelik ↓
Temel Destek4.0 (2.0)11.105.189.0
Tarayıcı →Öznitelik ↓
Temel Destek4.0 (2.0)11.05.1 (iOS 5.0)3.09.0

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

İlişkili Sayfalar

Anlamsal HTML - İçerik Akışı

İlişkili Etiketler

<figcaption> etiketi

Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
<figure> Etiketi