FrontEnd Developer RoadMap – HTML 5 Tutorial 4 Html Syntax’ı – Düzenli ve Verimli Kod Yazma

Merhabalar, Bu bölümümüzde Html Syntax’ından ve nasıl daha güzel Html kodları yazılır bundan bahsediyor olacağım.

Syntax Nedir?

Bir programlama dili öğrenmeye başladığınızda sıklıkla duyacağınız kavramlardan biri de Syntax’dır.

Türkçesi söz dizimi olan İngilizce bir sözcüktür. Programlama da kullanılırken basitçe, üzerinde çalışılan dilin kuralları anlamına gelmektedir. Yani Html Syntax’ı diye bir cümle duyarsanız bunun anlamı Html kodlama yazmanın standartları, kuralları anlamına gelir.

HTML Syntax

1. Html büyük küçük harf duyarlı değildir.  

Yani aşağıdaki yazımların hepsi tarayıcı için aynı anlamı ifade eder.

<p>Html Tutorial</p>
<P>Html Tutorial</P>
<p>Html Tutorial</P>  
<p>Html Tutorial</p>

Ama iyi bir kod örneği etiketleri küçük harfle yazmaktır.

<p>Html Tutorial</p>

2. Bu durumlar Attribute isimlerini yazarken de geçerlidir.

Attribute’ları da küçük harfle yazmak gerekir. Bu standartlar dilin yaratıcıları tarafından belirtilmiştir.

Aşağıdaki kodlama güzel bir örnektir.

<p id="test">Html Tutorial</p>

3. Yan yana yazacağımız Attribute’lar için bir boşluk bırakmak doğru kullanımdır.

<p id="test" class="test2">Html Tutorial</p>

4. Attribute’ların yazılması için sıranın bir önemi yoktur. İstediğiniz sırada yazabilirsiniz.

5. Bitiş etiketi olan etiketler mutlaka kapatılmalıdır.

Hatalı kullanım

<p id="test" class="test2">Html Tutorial

Doğru kullanım

<p id="test" class="test2">Html Tutorial</p>

6. Html etiketleri içinde tek tırnaklar ile çift tırnaklar aynı şeyi ifade eder.

Aşağıdaki iki kullanım arasında bir fark yoktur. Hangisi tercih ediliyor derseniz çift tırnak kullanımı tercih ediliyor.

<p id="test" class="test2">Html Tutorial</p>
<p id='test' class='test2'>Html Tutorial</p>

Bu şekilde düzenli kod yazma örneklerine diğer konularımızda dipnot olarak değinmeye devam edeceğiz.

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