---

blockquote Nedir?

blockquote etiketi, başka bir kaynaktan alınan uzun alıntıları belirtmek için kullanılan anlamsal bir HTML etiketidir. Bu etiket, içeriğin bir alıntı olduğunu hem tarayıcıya hem de arama motorlarına bildirir.

Tarayıcılar blockquote içindeki metni varsayılan olarak girintili şekilde gösterir. Bu davranış CSS ile özelleştirilebilir.

Ne İşe Yarar?

• Uzun alıntıları semantik olarak tanımlar
• İçeriğin başka bir kaynaktan alındığını belirtir
• Okunabilirliği ve içerik düzenini artırır
• SEO ve erişilebilirlik açısından anlamlı yapı sağlar
• CSS ile kolayca stillendirilebilir

En Basit Kullanımı

blockquote etiketi, alıntı yapılacak metni sarmalayacak şekilde kullanılır:

<blockquote>
Bu metin başka bir kaynaktan alınmış bir alıntıdır.
</blockquote>

Örnek Kullanımlar

Metin Alıntısı Gösterme

<blockquote>
Bilgi paylaştıkça çoğalır.
</blockquote>

cite Özniteliği ile Kaynak Belirtme

cite özniteliği, alıntının kaynağını belirtmek için kullanılır. Bu bilgi görsel olarak gösterilmez ancak anlamsal değer taşır.

<blockquote cite="https://ornek-site.com">
Başarılı olmak istiyorsan, disiplinli olmalısın.
</blockquote>

figure Etiketi ile Birlikte Kullanımı

Alıntının kime ait olduğunu belirtmek için figure ve figcaption ile birlikte kullanılabilir:

<figure>
  <blockquote>
  Başarı, istikrarlı çalışmanın sonucudur.
  </blockquote>
  <figcaption>— Anonim</figcaption>
</figure>

Ne Zaman Kullanılır?

• Makale ve blog yazılarında alıntı yapılırken
• Kaynak belirtilmesi gereken uzun metinlerde
• Söz, görüş veya tanım aktarılırken
• İçerik içinde vurgulu alıntılar gösterilirken

Küçük İpuçları

• Kısa alıntılar için q etiketi tercih edilmelidir
• Görsel fark için CSS ile girinti ve font ayarları yapılabilir
• Kaynak bilgisi önemliyse cite veya figcaption kullanın
• Anlamsal yapı için gereksiz yere div yerine kullanın

---