Merhabalar, bu yazımda Html için anlamlı olan özel karakterlere ve bunların nasıl kullanılabileceğine bakacağız.

Html’de bazı karakterler önceden rezerve edilmiştir ve kullanılması için özel bir kodlama gerektirir. Örneğin < küçüktür işareti ya da > büyüktür işareti kullanıyorsanız tarayıcı bunu etiket kullanımı gibi algılayabilir, bu yüzden doğrudan kullanmak doğru olmayacaktır.

Bu özel karakterleri oluşturmak için şöyle bir yapı kullanmalıyız;

&karakter;
YA DA
&#karakter;

Yukarıda bahsi geçen < işaretini kullanmak için &lt; şeklinde yazmak gerekiyor. Büyüktür işaretini ise &gt; şeklinde tanımlıyoruz.

Yani yazarken bu şekilde yazıyoruz ancak tarayıcılar HTML sayfamız içerisindeki &lt; ifadesini gösterirken < şeklinde gösterecektir. Böylece etiketlerle karıştırma ihtimali de tamamen ortadan kalkıyor.

Html’de kelimeler arasında ne kadar boşluk bırakırsanız bırakın tarayıcı için bu anlamsızdır. Tek boşluk gibi algılar ve devam eder.

Birden fazla boşluk bırakmak istediğimizde de bu özel karakterler yardımımıza koşuyor.

Bunun için &nsbp; kullanılır.

Aşağıda bir örneğine bakalım.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <p>Murat          Bilginer</p>
    <p>Murat&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bilginer</p>

</body>
</html>

HTML’de Bazı Yararlı Özel Karakterler

ÇıktıAçıklamaKarakter AdıKarakter Numarası
 Boşluk&nbsp;&#160;
<Küçüktür işareti&lt;&#60;
>Büyüktür işareti&gt;&#62;
&Ampersan işareti&amp;&#38
Çift tırnak&quot;&#34;
Tek tırnak&apos;&#39;
¢Cent işareti&cent;&#162;
£Pound işareti&pound;&#163;
¥Yen işareti&yen;&#165;
Euro işareti&euro;&#8364;
©Telif hakkı işareti&copy;&#169;
®Tescilli marka işareti&reg;&#174;
Türk lirası işareti&#8378;

Bu tablodakiler büyük-küçük harfe duyarlıdır kullanırken buna dikkat ediniz.

HTML’de Özel Semboller

Örneğin şapkalı a yazmak istediğimizde a&#770; şeklinde kullanmalıyız. Buda bize â şeklinde bir değer gösterir. Ayrıca burada a harfi yerine istediğimiz her harfi de kullanabiliriz. Aşağıda bunun benzeri işaretlerin bir tablosu yer alıyor.

İşaretKarakterÖrnek Çıktı
̀a&#768;à
́a&#769;á
̂a&#770;â
̃a&#771;ã

Bir sonraki yazımda görüşmek üzere.


Murat Bilginer
21 Şubat 1992'de doğdum. Endüstri Mühendisi olarak lisansımı 2016 yılında tamamladım. Industryolog Akademi - NGenius oluşumlarının kurucusuyum. Şu anda kendi şirketim Brainy Tech ile Web ve Mobil Geliştirme, AWS, Google Cloud Platform Sistemleri için DevOps, Big Data Analiz ve Görselleştirme hizmetleri sunmakta ve Online Eğitimler vermekteyiz.