HTML <q> Etiketi


Örnek

Kısa bir alıntı yapın:

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.


Tanım ve Kullanım

Etiket <q>kısa bir alıntıyı tanımlar.

Tarayıcılar normalde alıntının etrafına tırnak işaretleri ekler.

İpucu: Uzun alıntılar için  <blockquote> kullanın .


Tarayıcı Desteği

Element
<q> Yes Yes Yes Yes Yes

Öznitellikler

Attribute Value Description
cite URL Specifies the source URL of the quote


Genel Özellikler

Etiket ayrıca HTML'deki Global Nitelikleri<q> de destekler .


Etkinlik Özellikleri

Etiket ayrıca HTML'deki Etkinlik Niteliklerini<q> de destekler .


Daha fazla örnek

Örnek

<q> öğesine stil vermek için CSS kullanın:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html>

İlgili Sayfalar

HTML DOM referansı: Alıntı Nesnesi


Varsayılan CSS Ayarları

Çoğu tarayıcı, <q>öğeyi aşağıdaki varsayılan değerlerle görüntüler:

Örnek

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}