HTML Kodlama Kuralları

Bu içerikte html kodlama kuralları hakkında bilgi sahibi olacaksınız. Kodlamaya başladığınızda bilmeniz gereken temel html kuralları ve kodlama düzenleri hakkında hataları önlemek için size rehberlik edecektir. HTML Kodlama Kuralları Dosya türünü zorunlu olarak belirtmek zorundayız. Öncelikle HTML dökümanıyla çalışmaya başlamadan önce yapmamız gereken ilk şey dosya türünü belirtmemiz olacaktır. Kodlamaya...

Poyraz tarafından

30 Mart 2026 yayınlandı / 30 Mart 2026 08:07 güncellendi

Bu içerikte html kodlama kuralları hakkında bilgi sahibi olacaksınız. Kodlamaya başladığınızda bilmeniz gereken temel html kuralları ve kodlama düzenleri hakkında hataları önlemek için size rehberlik edecektir.

İçindekiler+

1. HTML Kodlama Kuralları
1.1. HTML dilini belirtmek zorundayız!
1.2. Sayfamızın başlığını title etiketiyle belirtmek zorundayız.
1.3. HTML etiketleri her zaman küçük harflerle yazılır
1.4. Etiketleri kapatmayı kesinlikle unutmamalısınız
1.5. Nitelemeleri küçük harfle yazmalısınız
1.6. Class ve ID işlemlerinde yazılacak isimler her zaman tırnak işareti içine yazılması gerekir
1.7. Görsellere değer ekleme işlemi nasıl yapılır?
1.8. Etiketler arasında boşluk işareti kullanmamaya özen gösterin
1.9. Kod satırlarını yazarken gereksiz yere uzatmayın

HTML Kodlama Kuralları

Dosya türünü zorunlu olarak belirtmek zorundayız.

Öncelikle HTML dökümanıyla çalışmaya başlamadan önce yapmamız gereken ilk şey dosya türünü belirtmemiz olacaktır. Kodlamaya başlayacağımız web sitemiz üzerindeki öncelik taşıyan ilk zorunlu işlemdir.

<!DOCTYPE html>

HTML dilini belirtmek zorundayız!

Tarayıcılara web sitemizin dilini lang nitelik etiketiyle belirtmek zorundayız. Bu arama motorlarına sitemizin hangi dil üzerinden yayın yaptığını açıklamaya yardımcı olur.

<html lang=”tr”>

Sayfamızın başlığını title etiketiyle belirtmek zorundayız.

Web sitemizin ana başlığını veya sayfamızın başlığını aşağıdaki etiket ile belirtiyoruz. Arama Motoru Optimizasyonu (SEO) için, oldukça önemli kritik bir meseledir.

<title>HTML Kodlama Kuralları</title>

HTML etiketleri her zaman küçük harflerle yazılır

HTML işaretleme etiketlerinizi her zaman küçük harflerle yazmak zorundasınız.

Doğru ☑

<html>

<head>

<title>Süper Bilgi</title>

<body>

<h1>Merhaba dünya</h1>

</body>

</head>

</html>

Yanlış X

<HTML>

<HEAD>

<TITLE>Süper Bilgi</TITLE>

<BODY>

<H1>Merhaba dünya</H1>

</BODY>

</HEAD>

</HTML>

Etiketleri kapatmayı kesinlikle unutmamalısınız

HTML etiketlerimizi kodlama yaparken kapatmayı unutmamamız gerekir. Unuttuğumuz zaman bu kod bloğu hatalı olacaktır ve işlevini yerine getirmeyecektir.

Doğru ☑<h1> Süper Bilgi </h1>

Yanlış X<h1> Süper Bilgi

Nitelemeleri küçük harfle yazmalısınız

Nitelemelere html kodlama kuralları gereği dikkat etmemiz gerekiyor, href ve src gibi nitelemeler her zaman küçük harfle yazılır.

Doğru ☑

<a href=”https://link”>Süper Bilgi</a>
<img src=”logo.png”/>

Yanlış X

<a HREF=“https://link”>Süper Bilgi</a>

Class ve ID işlemlerinde yazılacak isimler her zaman tırnak işareti içine yazılması gerekir

Doğru ☑

<p class=“paragraf1”>Süper Bilgi</p>

<p id=“paragraf1”>Süper Bilgi</p>

Yanlış X

<p class=paragraf1>Süper Bilgi</p>
<p id=paragraf1>Süper Bilgi</p>

Görsellere değer ekleme işlemi nasıl yapılır?

Web sitemize yüklemiş olduğumuz görsellere değer ekleyerek yani title, alt başlık gibi etkenlere dikkat etmemiz lazım. Arama Motoru Optimizasyonu için bu olmazsa olmazımızdır. Ekleyeceğiniz başlık ve alt başlıklar sayesinde görselleriniz arama motoru sonuçlarında görünmeye uygun hale gelir ve tarama botlarına görselin ne olduğu hakkında net fikir vermiş olur.

Doğru ☑

Yanlış X

Etiketler arasında boşluk işareti kullanmamaya özen gösterin

HTML, etiketlerini yazmaya başladığımız zaman normal şartlarda arasına boşluk koymamızı sorun etmiyor. Boşluk bırakmadan yazmamız ise okunmayı daha kolay bir hale getiriyor ve gruplandırma konusunda da kolaylık sağlamakta.

Doğru ☑

<font color=”blue” size=”2″ face=”Arial”>Süper Bilgi</font>

Yanlış X

<font color = “red” size = “2” face = “Arial”>Süper Bilgi</font>

Kod satırlarını yazarken gereksiz yere uzatmayın

Boş yere etiketler arasında boş satırlar ve girintiler eklemek oldukça kötü bir yapıya neden olur. Genel olarak okunabilirliği artırmak için ve kod bloklarını ayırmak için boş satır kullanın.

Doğru ☑

<h1>Süper Bilgi HTML Dersleri</h1>

<h3>HTML Kodlama Kuralları</h3>
<p>Bu rehber içeriğimiz de sizlere HTML Kodlama kurallarını gösteriyoruz..</p>

Yanlış X

<h1>Kod Kampüsü HTML Dersleri</h1>

<h3>HTML Kodlama Kuralları</h3>

<p>

Bu rehber içeriğimiz de sizlere HTML Kodlama kurallarını gösteriyoruz.

</p>

Mantıksal olarak html kodlama kuralları hakkında fikir sahibi oldunuz. Belirttiğimiz gibi dikkatli olmalısınız. HTML kodlaması için profesyonel destek ve eğitim almak isterseniz aşağıdaki butona veya görsele tıklayarak HTML Eğitim Setlerine ulaşabilirsiniz.

HTML kodlama kuralları neden önemlidir?

HTML kodlama kuralları, web sayfalarının daha düzenli, okunabilir ve hatasız olmasını sağlar. Doğru yazılmış HTML, arama motorlarının sayfayı daha iyi anlamasına yardımcı olur ve SEO performansını artırır. Ayrıca farklı tarayıcılar arasında uyumluluk sorunlarını azaltır.

Temiz HTML yazımı SEO’yu nasıl etkiler?

Temiz ve düzenli HTML yapısı, arama motoru botlarının içerikleri daha kolay taramasını sağlar. Doğru başlık etiketleri (h1, h2, h3), anlamlı meta açıklamalar ve düzgün etiket kullanımı sayesinde sayfanın sıralama şansı yükselir. Karmaşık ve hatalı kodlar ise SEO performansını olumsuz etkileyebilir.

HTML kodlama yaparken en sık yapılan hatalar nelerdir?

En yaygın hatalar arasında kapanmayan etiketler, gereksiz div kullanımı, yanlış başlık hiyerarşisi ve eksik alt (alt) etiketleri bulunur. Bu hatalar hem kullanıcı deneyimini düşürür hem de SEO açısından olumsuz sonuçlar doğurabilir. Düzenli ve standartlara uygun kod yazmak bu sorunları önler.