Abbr, cite ve time

<abbr>, <cite> ve <time> etiketleriyle metne ince anlam katarsın.

abbr: kısaltma

<abbr> etiketi bir kısaltmayı işaretler. title özniteliği kısaltmanın tam metnini taşır; fare imleci kısaltmanın üzerine gelince tam metin görünür ve ekran okuyucu kısaltmayı doğru okur.

Örnek: <abbr title="World Wide Web Consortium">W3C</abbr>. Bu sayede 'W3C' gören kişi tam adın ne olduğunu hemen öğrenir. Tıpkı <a>'da href, <abbr>'da title özniteliği asıl işi yapar.

cite: yapıt adı

<cite> etiketi bir yapıtın adını işaretler: kitap, makale, şiir, şarkı, film ya da resim adı. Tarayıcı genellikle adı italik gösterir; ama asıl önemli olan anlamıdır, görünüm değil.

Örnek: <p>Lev Tolstoy'un <cite>Savaş ve Barış</cite> adlı romanı bir klasiktir.</p>. Yalnızca yapıtın adı cite içine alınır; yazar adı değil.

time ve datetime

<time> etiketi belirli bir anı ya da tarihi işaretler. datetime özniteliği makine tarafından okunabilir biçimi taşır (örn. 2026-03-15); etiketin içine ise insanların gördüğü metin yazılır.

Örnek: <time datetime="2026-03-15">15 Mart 2026</time>. Arama motorları ve takvim uygulamaları tarihi böylece güvenle okur. Tarih yazıyorsan time etiketini kullan; yalnızca bir metin parçası değil, anlamlı bir tarihtir.

Uygulama Kısaltma, kitap adı ve tarih yaz

Body içine iki <p> ekle. Birinci paragrafta bir <abbr> etiketi olsun; title özniteliğinde World Wide Web Consortium, içinde W3C yazsın; ayrıca aynı paragrafta bir <cite> etiketi içinde Web Tasarımı El Kitabı yazsın. İkinci paragrafta bir <time> etiketi olsun; datetime özniteliğinde 2026-03-15, içinde 15 Mart 2026 yazsın.

Örnek çözümü göster

<body>
  <p>Bugün <abbr title="World Wide Web Consortium">W3C</abbr> standartlarını okudum ve <cite>Web Tasarımı El Kitabı</cite> kitabını bitirdim.</p>
  <p>Bitirme tarihi: <time datetime="2026-03-15">15 Mart 2026</time>.</p>
</body>

Kendini test et

Hangi etiket bir kısaltmayı işaretlemek için kullanılır?
- <acronym>
- <abbr>
- <short>
- <abbrev>
Cevabı göster

<abbr> — Doğru. abbr kısaltmaları işaretler; title özniteliği tam metni verir.

cite etiketini tamamla

<p>Lev Tolstoy'un ünlü romanı <____>Savaş ve Barış</cite> bir klasiktir.</p>

Cevabı göster

<p>Lev Tolstoy'un ünlü romanı <cite>Savaş ve Barış</cite> bir klasiktir.</p>

Sıradaki ders: Code, kbd ve samp

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler