HTML Nedir? Web'in İskeleti: Tarihçesi, Kullanımı ve Önemi

Web dünyasına adım atarken öğrenmeniz gereken ilk şey olan HTML'i; tarihçesinden modern HTML5 özelliklerine, kullanım alanlarından önemine kadar tüm detaylarıyla keşfedin.

8 Mayıs 20266 dkHTML • Web Geliştirme • Frontend • Yazılım Temelleri

İnternette gezindiğiniz her an; ister bir sosyal medya platformu olsun ister bir blog sitesi, aslında arka planda devasa bir HTML yapısıyla etkileşime girersiniz. Peki, nedir bu HTML ve neden bu kadar önemli? Gelin, web dünyasının bu kadim diline yakından bakalım.

HTML Nedir? (HyperText Markup Language)

HTML, açılımı olan HyperText Markup Language (Zengin Metin İşaretleme Dili) ifadesinden de anlaşılacağı üzere bir programlama dili değil, bir işaretleme dilidir. Bir web sayfasının iskeletini oluşturur; metinlerin nerede duracağını, görsellerin nasıl yerleşeceğini ve hangi butonun nereye gideceğini tarayıcıya (Chrome, Safari, Firefox vb.) anlatır.

HTML’in Tarihçesi: CERN Laboratuvarlarından Günümüze

HTML'in hikayesi 1989 yılında CERN'de görev yapan Tim Berners-Lee ile başlar. Bilim insanlarının bilgi paylaşımını kolaylaştırmak amacıyla geliştirilen bu yapı, zamanla evrim geçirerek bugünkü halini aldı:

HTML 1.0 (1991): Sadece metin tabanlı çok temel bir yapıydı.
HTML 4.01 (1999): İnternetin altın çağında en çok kullanılan versiyon oldu.
HTML5 (2014): Bugün kullandığımız modern webin devrimi. Video, ses ve grafik desteği yerleşik olarak geldi.

HTML Nasıl ve Nerede Kullanılır?

HTML, tarayıcıda görüntülenmek istenen her türlü içerik için kullanılır. Sadece bir metin belgesi oluşturmak gibi düşünebilirsiniz ancak bu belge tarayıcı tarafından yorumlandığında görsel bir şölene dönüşür. Temel bir HTML yapısı şu şekildedir:

<!DOCTYPE html>
<html>
  <head>
    <title>Benim İlk Sayfam</title>
  </head>
  <body>
    <h2>Merhaba Dünya!</h2>
    <p>HTML öğrenmek sandığınızdan çok daha kolaydır.</p>
  </body>
</html>

Zamanla Gelişim Süreci ve HTML5 Devrimi

Eskiden web sitelerinde video oynatmak için "Adobe Flash" gibi ek eklentilere ihtiyaç duyardık. Ancak HTML5 ile birlikte bu durum tarih oldu. Artık <video> ve <audio> etiketleri sayesinde dışarıya bağımlı olmadan medya içerikleri sunabiliyoruz. Ayrıca semantic (anlamsal) etiketler sayesinde Google gibi arama motorları sayfanın hangi kısmının makale, hangi kısmının menü olduğunu çok daha iyi anlıyor.

HTML'in yıllar içindeki gelişim süreci ve versiyonları

HTML Neden Bu Kadar Önemli?

Eğer web geliştirmeyi bir insan vücuduna benzetirsek; HTML kemik yapısıdır. CSS bu vücudun kıyafetleri ve dış görünüşü, JavaScript ise hareket etmesini sağlayan kas sistemidir. Kemik yapısı (HTML) sağlam olmayan bir vücudun ayakta durması mümkün değildir.

SEO açısından doğru kurgulanmış bir HTML yapısı, sitenizin Google sıralamalarında yükselmesini sağlar. Doğru hiyerarşide kullanılan başlıklar (H2, H3), resimlerdeki alt metinleri ve temiz kod yapısı arama motorlarının bir numaralı tercihidir.

Tavsiye: Yazılıma nereden başlayacağınızı bilmiyorsanız, cevabınız kesinlikle HTML olmalı. Birkaç saat içinde kendi web sayfanızın iskeletini oluşturmaya başlayabilirsiniz.

Daha fazla bilgi için resmi dökümantasyon olan MDN Web Docs sayfasını ziyaret edebilirsiniz.