HTML <blockquote> Etiketi

Tanım ve kullanım

<blockquote> etiketi, diğer kaynaklardan alınan bölümleri düzenler.

Tarayıcılar genellikle girintilerini <blockquote> öğesi (aşağıdaki örnekleri kontrol ederek nasıl silineceğini öğrenebilirsiniz).

Ayrıntılı açıklama

<blockquote> etiketi, blok alıntıları tanımlar.<blockquote> İle </blockquote> Arasında tüm metinler, normal metinden ayrılır ve genellikle sol ve sağ kenarlarında girintileştirilir (dış marj artırılır), bazen de yatay çizgili olarak kullanılır. Yani, blok alıntıları kendi alanlarına sahiptir.

İpucu:Kullanınız <q> etiketi Dahil olmak üzere satır içi (kısa) alıntılar için kullanılır.

Ayrıca bkz:

HTML DOM Referans Kılavuzu:Blockquote nesnesi

Örnek

Örnek 1

Diğer kaynaklardan alınan bölümler:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
50 yıldır, Dünya Doğa Vakfı (WWF) doğanın geleceğini korumaktadır.
Dünya'nın lider koruma örgütü olarak, WWF 100 ülkede çalışıyor ve ABD'de 1.2 milyon üyesi ve dünya genelinde yaklaşık 5 milyon insanın desteğini alıyor.
</blockquote>

Kişisel Olarak Deneyin

Örnek 2

CSS kullanarak blockquote öğesinin girintisini kaldırın:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Bu, Dünya Doğa Vakfı web sitesindeki bir alıntıdır:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
50 yıldır, Dünya Doğa Vakfı (WWF) doğanın geleceğini korumaktadır.
Dünya'nın lider koruma örgütü olarak, WWF 100 ülkede çalışıyor ve ABD'de 1.2 milyon üyesi ve dünya genelinde yaklaşık 5 milyon insanın desteğini alıyor.
</blockquote>
</body>
</html>

Kişisel Olarak Deneyin

Özellik

Özellik Değer Açıklama
cite URL Alıntının kaynakını belirtir.

Genel Özellikler

<blockquote> Bu etiketler HTML'deki genel özellikler.

olay özelliklerini destekler

<blockquote> Bu etiketler HTML'deki olay özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecek <blockquote> Element:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Kişisel Olarak Deneyin

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek