Ders_27 HTML Varlıkları ve Vurgu İşaretleri (Entities/Marks)

HTML Varlıkları (Entities)

  • < veya > gibi karakterler, html dilinin kendisi için ayırdığı işaretlerdir. Böyle karakterler ya da klavyemizde bulunmayan karakterler html varlıklarıdır ve bu varlıkların her biri için html dilinde özel kodlar vardır.
  • Metin içeriğimizde, <, > gibi işaretleri doğrudan kullandığımızda, web tarayıcılar bu metni bir html tag elemanı gibi algılayabilir. Bu da sitemizde istenmeyen sorunlara sebep olabilir.
html dilinde bir karakter varlığı şu kalıba göre kodlanır:

&varlık_adı;
veya
&#varlık_numarası;   


  • Dikkat edersek; her bir varlık karakterini iki şekilede ifade edebiliyoruz: ilkinde; başına bir ampersand (&) koyarak, varlık adını,
  • ikincisinde ise başına bir ampersand ve diyez (&#) koyarak varlığın html kod numarasını yazıyoruz. 
  • Her iki durumda da kodun sonuna bir noktalı virgül koymayı ihtmal etmemeliyiz.

Örneğin; boşluk bırakmak için, &nbsp; veya &#160; kodlarını kullanıyoruz. Klavyedeki boşluk tuşuyla bıraktığımız boşluklar ne kadar çok olursa olsun html, kelimeler arasına bir tane boşluk koyar ve diğer boşlukları yoksayar. Ama:

<p>bu bir&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;paragraftır </p>  

şeklindeki bir paragraf elemanının çıktısı söyle olacaktır:

bu bir           paragraftir

Görüldüğü gibi klavye ile bıraktığımız boşlukların bir tanesi, varlık kodu ile belirttiğimiz boşlukların hepsi dikkate alındı.

Bazı Kullanışlı HTML Karakter Varlıkları

KarakterTanımıVarlık AdıVarlık Numarası
boşluk&nbsp;&#160;
<küçüktür&lt;&#60;
>büyükür&gt;&#62;
&ampersand&amp;&#38;
¢cent&cent;&#162;
£pound&pound;&#163;
¥yen&yen;&#165;
euro&euro;&#8364;
©copyright&copy;&#169;
®tescilli ticari marka&reg;&#174;

  • Varlık adı kullanmak, hatırmalası kolay olduğu için daha kullanışlıdır fakat varlık numarası kullanmak da bütün tarayıcılar tarafından desteklendiği için sorun çıkarmadan çalışır.
  • Varlık isimlari büyük/küçük harfe duyarlıdır. Yani harfleri tobloda verildiği gibi küçük kullanmak gerekir.

Harflerin Üzerine Vurgu İşaretleri (Diacritical Marks) Koymak

Bazı metinlerde, şapkalı a (â) gibi harfler kullanılabilmektedir. Böyle harfler, vurgulu karakterlerdir. Html metinlerinde vurgulu karakter yazmak için önce harfi sonra da üzerine koyacağımız vurgunun kodunu, aralarında boşluk bırakmadan yazarız.

Burada bazı örnekler verilmiştir:
Vurgu İşaretiÖrnek KarakterKodSonuç
  ̀aa&#768;
  ́aa&#769;
̂aa&#770;
  ̃aa&#771;
  ̀OO&#768;
  ́OO&#769;
̂OO&#770;
  ̃OO&#771;


Hiç yorum yok:

Yorum Gönder