HTML'de Kod Etiketleri

HTML'de kodları ve matematiksel değerleri temsil etmek için belli başlı etiketler kullanıyoruz. Bu etiketlerin listesi;

• <code>
• <pre>
• <kbd>
• <samp>
• <var>

<code> Etiketi

<code> etiketi içerisinde adı üstünde kodlar yer alır :) Tarayıcıda varsayılan olarak monospace fontu olarak görünür. Örneğin;

<code>
$x = 5;
$y = 5;
echo $x + $y;
</code>

Prototürk üzerinde de etiketleri belirtirken <code> etiketini kullanıyorum, buradaki code derken kullandık mesela :)

Tabi çıktıya tarayıcıda bakarsanız tek satırda yazdığını görürsünüz. Bu şekilde yazıldığı gibi gösterilmek istenirse <pre> etiketi kullanılmalıdır.

<kbd> Etiketi

Genelde klavye kısayollarını belirtmek için kullanılır. Örneğin;

Sayfa kaynağını görüntülemek için <kbd>command + option + u</kbd> kısayolunu kullanın.

<samp> Etiketi

Bilgisayar programındaki çıktıyı temsil etmek adına bu etiket kullanılır. Örneğin;

Eğer değer boş bırakılırsa, program geriye <samp>JSON</samp> formatında hata döndürecektir.

<pre> Etiketi

Önceden formatlı yazılar için kullanılıyor. Aynı zamanda örnek kod parçalarını işaretlemek için birebir etikettir. Örneğin;

<pre>
&lt;?php

    $a = 5;
    $b = 5;
    echo $a + $b; // Çıktı: 5

?>
</pre>

Burada <, < işaretini temsil etmektedir. Etiket içinde < küçüktür işaretini doğrudan kullanmak yerine bu şekilde kullanmak daha doğru olacaktır, aksi taktirde yazılan kod yorumlanmaya çalışır.

<var> Etiketi

Değişken tanımlamak için bu etiket kullanılır. Bu değişkenler matematiksel ya da yazılımsal değişkenler olabilir. Örneğin;

Einstein'ın meşhur tarifi: <var>E</var> = <var>mc</var> <sup>2</sup>