10 – Html Alıntı Elemanları

Html Alıntı Elemanları içeriğimize başkalarının söylediği, yazdığı veya başka kaynaklarda bulunan bir bölümü eklememizi sağlar.

Uzun versiyonu olan <blockquete> etiketi ve kısa versiyonu olan <q> etiketi kullanılır.

<blockquote>, <q>, <abbr>, <address>, <cite>, <bdo> etiketlerini inceleyelim.

Örneğin başka web sitesinden veya kitaptan bir içeriği web sayfamızda yayınlamamız için alıntı elemanlarını kullanmalıyız. Diğer şekilde yapılan alıntılar etik açıdan ve yasal olarak yanlış olacaktır.

Html <blockquote> Alıntı Etiketi

<blockquote> etiketi, içeriğimize eklediğimiz bölümün başka biri tarafından söylendiğini veya yazıldığını belirtmek için kullanılır.

Uzun bir alıntı yapıyorsak bu etiketi kullanmalıyız.

İçerisine aldığı cite attribute sayesinde alıntının kaynağı belirtilebilir.

  <p>Paleo Sanatı Nedir? </p>
  <p>Wikipedia'dan alıntıdır.</p>
  <blockquote cite="https://tr.wikipedia.org/wiki/Paleo_sanat%C4%B1" >Paleo sanatı (aynı zamanda paleoart, paleo-art veya paleo art olarak da yazılır), tarih öncesi yaşamı bilimsel kanıtlara göre tasvir etmeye çalışan herhangi bir orijinal sanatsal çalışmadır.</blockquote>

Html <q> Kısa Alıntı Etiketi

<q> etiketi alıntının metin içinde belirgin şekilde ayırt edilmesini sağlar. Kısa alıntılar için kullanılır.

Kullanımı daha kolaydır, daha sık tercih edilir.

  <p>Mustafa Kemal Atatürk şöyle der:
  <q>Aciz ve korkak insanlar, herhangi bir felaket karşısında milletin de hareketsizliğe sürüklenmesini ve bir kenara çekilip kalmasına yol açarlar.</q> </p>

Html <abbr> Kısaltma Etiketi

abbr etiketi web sayfalarında kullanılan uzun terimleri veya kısaltmaları açıklamak için kullanılır.

<abbr> etiketi, “abbreviation” yani “kısaltma” anlamına gelir ve bir kelimenin veya kelime grubunun kısaltmasını belirtmek için kullanılır.

İçerisine aldığı title attribute sayesinde kısaltmanın açık hali yazılabilir. Mouse ile üzerine geldiğinizde kısaltmanın uzun yazılışını gösterecektir.

 
 <p>Mouse ile bir alt satırdaki AFAD yazısının üstüne gelin</p>
 <p> <abbr title="Afet ve Acil Durum Yönetim Başkanlığı">AFAD</abbr> afet ve acil durumlara ilişkin tek yetkili kurumdur.</p>

Html <address> Etiketi

<address> etiketi bir kaynağı (makale, resim, belge) oluşturan veya içeriği üreten kişinin (yazar, ressam) iletişim bilgilerinin tanımlar.

Kullandıktan sonra tarayıcılar içeriği bir satır aşağıda gösterir.

adress etiketi içeriği italik olarak işaretler ve içeriğimizin görünümü eğik olur. Örnek:

  <p>bu sayfa html içerisinde address kullanımını anlatmaktadır.</p>
  <address>
  bu sayfanın yazarı Mehmet Eser<br> 
  Web Sayfası<br>
  <a href=https://www.mehmeteser.com.tr>mehmeteser.com.tr</a><br>
  Eskişehir<br>
  Türkiye
  </address>

Html Başlık Vurgusu <cite> Etiketi

<cite> etiketi bir eserin başlığına vurgu yapar.

Yapılan bir çalışmanın, bu bir kitap, resim, müzik olabilir başlığını belirtmek için kullanılır. İtalik olarak işaretlenir.

 <p> <cite>Nutuk</cite> Mustafa Kemal Atatürk tarafından yazılmıştır. </p>

Html Yazı Yönünü Terse Çevirme <bdo> Etiketi

<bdo> (Bidirectional Override) etiketi, sağdan sola yazılan bir metnin yönünü değiştirmek için kullanılır.

Özellikle, sağdan sola yazılan dillerle ilgili bir problem olduğunda kullanılır, çünkü HTML normalde soldan sağa yazılan bir dil olarak tasarlanmıştır. Bu etiket, metni sağdan sola yazılmış gibi işaretler ve yazı sırasını tersine çevirir.

İçerisine aldığı dir attribute sayesinde yazının yönü belirlenir. Örneğin rtl (right to left) metnin yönünü sağdan sola olarak belirleyecektir.

  <p> Merhaba arkadaşlar bu örnek bir yazıdır </p>
  <p>Bir alt satırda arapça olarak selamun aleyküm yazdım.</p>
  <bdo dir="rtl">السلام عليكم</bdo>
  <p>Birde Türkçe olarak yazalım</p>
  <bdo dir="rtl">Merhaba</bdo>
  <p>Sanırım örnek açıklayıcı olmuştur.</p>