html entities

44 – Html Entities

Html sayfası içerisinde karakterleri html kodlarına göre kullanmamızı sağlar. Kullanım Şekli &entities_adi veya &#entities_numarası şeklindedir.

Html içerisinde kullandığımız bazı karakterler html kodları ile karışabilir. Örneğin < (küçüktür), >(büyüktür) karakterleri html etiketleri olarak okunabilir. Bunun önüne geçmek için, bu karakterleri html sayfasında gösterebilmek için bazı özel yazım şekilleri vardır.

Html Entities Kullanımı

&entities_adı veya &#entities_numarası şeklinde kullanımı vardır.

Html küçüktür, büyüktür işareti kullanımı

&lt; küçüktür işareti ve &gt; büyüktür işareti kullanımı

<p>Html’in bize sunduğu özel karakterler ile etiketlerimizi açıp kapayalım.</p>
&lt; p &gt; Bu paragrafta aslında özel karakterler ile küçüktür büyüktür işareti kullandık. &lt; /p &gt;

   

Html Birleşik Boşluk Kullanımı

Html sayfasında boşluk bırakmak için &nbsp; özel kullanımı yapabiliriz.

Bu kullanım sadece bir boşluk anlamına gelmez. Örneğin iki kelime arasında bunu kullanıyorsak bu kelimeler satır sonlarında vb. durumlarda aralarındaki boşluk ile birlikte hareket ederler. Satır sonu oldu diye biri üst satıra biri alt satırda olmaz. İki kelime boşluğu ile birlikte hareket eder.

Örneğin 10 TL yazarken bu iki kelimenin birbirinden ayrılmasını istemiyorsak kullanışlıdır.

Örnek

10&nbsp;TL, 10&nbsp;Km, 10&nbsp;Adet, 100&nbsp;USD

Burada verilen boşluklar iki kelimeyi ayrılmaz bir boşluk ile bağlar.

Html Karakter Örnekleri – Html Entities

ÇıktıAçıklamaEntity İsmiEntity Numarası
Ayrılmaz Boşluk&nbsp;&#160;
>Küçüktür İşareti&lt;&#60;
<Büyüktür İşareti&gt;&#62;
&Ampresand&amp;&#38;
Çift Tırnak&quot;&#34;
Tek Tırnak&apos;&#39;
Türk Lirası&#8378;
$USD&dollar;&#36;
Euro&euro;&#8364;
©Copyright&copy;&#169;
®Registered&reg;&#174;

Daha fazlası için https://www.toptal.com/designers/htmlarrows/ adresinden ulaşabilirsiniz.

Html Aksan Karakterleri

Bazı harfler kullanılan dilin aksanına göre yazılışları farklı olur. Örneğin Türkçede şapkalı a kullanırız.

Şapkalı a yapmak için, a ile üstüne gelecek üçgen birleştirilir.

Örnek olarak şapkalı a için entity number: &#770; Birleştirmek için a&#770; şeklinde kullanmamız gerekir.

Örnek Şapkalı a kullanımı

<!DOCTYPE html>
<html>
<title>Html Aksan Kullanımı</title>
</head>
<body>
<p> Bu paragrafta normal kullanım SelamunAleyküm </p>
<p> Bu paragrafta şapkalı a kullanım Sela&#770;munAleyküm </p>
</body>
</html>

Bu sayfada çok daha fazlasını bulabilirsiniz https://www.toptal.com/designers/htmlarrows/letters/

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir