HTML figure Kullanımı

HTML'de <figure> etiketi (tag), resim, grafik, diyagram veya harita gibi bir görsel içeriği içerebilen bir bölümdür. Bu etiket, görsel içeriğin metin içerisinde anlamlı bir şekilde nasıl kullanıldığını belirtmek için kullanılır. Örneğin, bir makalede resim, diyagram veya harita ile açıklanan bilgileri desteklemek için kullanılabilir.

Aşağıda örnek kullanım verilmiştir...

Bir blog yazısında, bir tarım ürününün yetiştirilmesi için gerekli olan toprak pH seviyesini gösteren bir diyagram kullanılmıştır. Diyagram, figure etiketi içerisindeki resim (img), src özelliği (attribute) ile gösterilir ve alt etiketi ile diyagramın ne olduğu açıklanır. Ayrıca figcaption özelliği ile görsel içeriğin ne olduğu, nereden geldiği veya nasıl kullanıldığı gibi bilgileri içerir.

<figure>
  <img src="soil-ph-chart.jpg" alt="Toprak pH seviyesi ve tarım ürünü yetiştirilmesi arasındaki ilişki">
  <figcaption>Diyagram 1: Toprak pH seviyesi ve tarım ürünü yetiştirilmesi arasındaki ilişki</figcaption>
</figure>

Kısaca <figure> etiketi, görseli metin içerisinde daha anlamlı hale getirmek için kullanılır ve erişilebilirlik açısından da faydalıdır.



İlginizi Çekebilir

HTML target Kullanımı

HTML canvas Kullanımı

HTML Italic Yazı Yapma

HTML blockquote Kullanımı

HTML Satır Sonu Ekleme