HTML cite etiketi nedir?

Mehmet · Dün 21:03 da

HTML cite etiketi nedir?

HTML’de <cite> etiketi, bir metin içinde adı geçen yaratıcı bir eserin başlığını belirtmek için kullanılır. Kitap, makale, film, şarkı, oyun, tablo veya benzeri bir çalışmanın adı bu elementle işaretlenebilir. <cite> bir kişinin adını, web adresini ya da alıntının kaynağını belirtmek için genel amaçlı bir etiket değildir.

Aşağıdaki eser adları ve alıntılar örnek amaçlı oluşturulmuştur; gerçek yayın veya alıntı kaydı olarak sunulmuyor. Bir kitap adını şöyle işaretleyebilirsiniz:

Kod:

<p>Bu konu için <cite>Web Programlama Temelleri</cite> kitabına bakabilirsiniz.</p>

Tarayıcılar <cite> içeriğini çoğu varsayılan stil sayfasında eğik gösterebilir; ancak bu görünüm etiketin asıl amacı değildir. Etiketin değeri, içeriğin bir eser adı olduğunu makine tarafından anlaşılabilir hâle getirmesidir. Görsel biçimlendirme gerekiyorsa CSS ayrıca yazılmalıdır.

cite etiketi ile benzer kullanımlar arasındaki fark

Aynı konu içinde üç farklı cite kullanımı görülebilir. Bunların görevleri birbirinden ayrıdır:

Kullanım	Doğru amaç	Örnek
`<cite>` elementi	Eserin adını belirtmek	`<cite>Yüzüklerin Efendisi</cite>`
`cite` özniteliği	Alıntının kaynak adresini belirtmek	`cite="https://example.com/kaynak"`
Kişi adı	Yazar, konuşmacı veya alıntı sahibini belirtmek	`Ahmet Yılmaz`
URL	Bağlantı veya kaynak adresi vermek	`<a href="https://example.com">Kaynağı aç</a>`

Örneğin bir kişinin adını <cite> ile sarmalamak doğru anlamı vermez:

Kod:

<p>Yanlış anlam: <cite>Ahmet Yılmaz</cite> şöyle dedi.</p>
<p>Doğru anlam: Ahmet Yılmaz şöyle dedi.</p>

Burada kişi adı, bir eser başlığı değildir. Eğer kişi aynı zamanda bir kitabın yazarıysa kişi adını ve eser adını ayrı içerikler olarak gösterebilirsiniz:

Kod:

<p>Ahmet Yılmaz'ın <cite>Web'de Anlamlı HTML</cite> kitabı.</p>

Alıntılarda cite nasıl kullanılır?

<blockquote> veya <q> ile gösterilen alıntılarda bulunan cite özniteliği, alıntının alındığı kaynağın adresini belirtir. Bu öznitelik genellikle sayfada görünmez; kaynak bağlantısının kullanıcıya görünmesini istiyorsanız ayrıca <a> elementi eklemelisiniz.

Kod:

<blockquote cite="https://example.com/makale">
  Anlamlı bir alıntı burada yer alır.
</blockquote>
<p>Kaynak: <a href="https://example.com/makale">Makale sayfası</a></p>

Bu örnekte blockquote içindeki cite bir URL’dir; <cite> elementi değildir. Bir alıntının eser adını da yazmak istiyorsanız iki bilgiyi ayrı tutun:

Kod:

<p><cite>Web'de Anlamlı HTML</cite> adlı eserden alıntı:</p>
<blockquote cite="https://example.com/makale">
  Anlamlı bir alıntı burada yer alır.
</blockquote>

Uygulamada karar verme adımları

Metnin bir kitap, makale, film, şarkı veya başka bir yaratıcı çalışmanın adı olup olmadığını kontrol edin. Evetse adı <cite> içine alın.
Metin bir kişi adıysa <cite> kullanmayın. Kişi adını normal metin olarak yazın; gerekiyorsa yazar bilgisini ayrıca belirtin.
Metin bir web adresiyse onu <cite> içine almak yerine bağlantı gerekiyorsa <a> kullanın.
Metin bir alıntının kaynağıysa blockquote veya q üzerindeki cite özniteliğine kaynak adresini verin.
Kaynak adresinin kullanıcı tarafından görünmesi gerekiyorsa, cite özniteliğine güvenmek yerine ayrıca görünür bir <a> bağlantısı ekleyin.

En küçük tam örnek şu şekildedir:

Kod:

<!doctype html>
<html lang="tr">
<head>
  <meta charset="utf-8">
  <title>cite örneği</title>
</head>
<body>
  <p><cite>Web'de Anlamlı HTML</cite> adlı çalışmadan:</p>
  <blockquote cite="https://example.com/kaynak">
    Anlamlı HTML, içeriğin görevini açıkça belirtir.
  </blockquote>
  <p><a href="https://example.com/kaynak">Kaynak sayfasını aç</a></p>
</body>
</html>

Başarılı sonuçta eser adı semantik olarak işaretlenir, alıntının kaynak adresi blockquote üzerinde tutulur ve kullanıcı kaynak bağlantısını görebilir. Kişi adını veya URL’yi <cite> ile sarmaladıysanız sayfa görsel olarak çalışabilir; ancak HTML’nin anlamı yanlış olur ve bu bilgilerin hangi amaçla kullanıldığını ayırt etmek zorlaşır.

Sık yapılan hatalar

En yaygın hata, her kaynak bilgisini <cite> içine almaktır. Eser adı ile eserin yazarı farklıdır; <cite> yalnızca eser adına uygulanmalıdır. İkinci hata, alıntı kaynağını görünür sanmaktır. blockquote cite="..." adresi çoğu durumda kullanıcıya gösterilmez; görünür kaynak için ayrıca bağlantı gerekir. Üçüncü hata ise etiketin eğik yazı üretmesini temel amaç kabul etmektir. Stil değişse bile <cite> semantik olarak eser başlığını belirtmeye devam eder.

Sık sorulan sorular

Eser adı aynı zamanda bağlantı olabilir mi?

Evet. Eser adını cite ile işaretleyip içine ilgili esere giden bir bağlantı yerleştirebilirsiniz. Bağlantının görevi gezinme, cite’ın görevi ise metnin eser adı olduğunu belirtmektir; iki öğe farklı iş yapar.

cite etiketi ile kaynakça oluşturabilir miyim?

Eser adlarını işaretlemek için kullanabilirsiniz; fakat kaynakçanın tüm biçimini otomatik olarak oluşturmaz. Yazar, yayın bilgisi ve bağlantı gibi alanları ayrıca ve doğru elementlerle yazmanız gerekir.

HTML cite etiketi nedir?

Mehmet