HTML5 ve CSS Üzerine Genel Bilgiler

Web Programlama dersimizin 101 bölümünde HTML ile ilgili temel bilgileri öğrendiniz. Artık HTML5 ve CSS ile uğraşmaya başlama zamanı...

Bir web sayfası oluşturmak için ihtiyacımız olan bileşenlerden ikisi, HTML5 ve CSS'tir. HTML5 ile temel yapıyı tanımlarken, CSS ile kullanıcı arayüzünü oluşturup, stil, biçim ve sunumları hazırlarsınız. Bu bileşenlerden ilki olan HTML5'e bakalım.

 

HTML5 nedir?

HTML5, bildiğiniz gibi HTML standardının en son sürümüdür ve en az önümüzdeki 10 yıl boyunca bu konuda ağırlığını sürdüreceği öngörülmektedir. Basit bir yazım kuralları (syntax) ve yeni eklenen özelliklerle daha kolay web tasarımı, daha hızlı ve etkili web sayfalarının hazırlanması amaçlanmıştır. 

Eski HTML'de kullandığımız etiketlerin hemen hepsini, HTML5'te de kullanabilirsiniz. Ses ve video oynatma özelliği, Geolocation API'ları, Bölgesel Depolama, Sürükle Bırak (Drag & Drop), yeni input etiketi, yeni canvas elemanı, yeni semantik-yapısal elemanlar ve tarayıcı desteği, HTML5 ile gelen temel yeni özelliklerdir. Bu yeni özellikleri bu eğitim içeriğinde bulabilirsiniz.

Bilinmesi gereken önemli nokta, tüm tarayıcı sürümlerinin HTML5'i desteklemediğidir. HTML5 ile çalışmaya başlamadan önce web tarayıcınızı en güncel sürüme güncellemenizi, size şiddetle tavsiye ediyoruz!

Android, iOS, Windows Phone gibi yaygın mobil platformların web tarayıcıları HTML5'in işlevsetlerini farklı seviyelerde desteklemektedir. Genel bir yaklaşım olarak, açık kaynak kodlu ve özgür tarayıcıların bu yeni standardı daha yüksek bir başarımla desteklediklerini söyleyebiliriz.

 

CSS nedir?

CSS, Cascading Style Sheets (Basamaklı Biçim Sayfaları) ifadesinden oluşturulmuş bir kısaltmadır. Biçimler (style), HTML elemanlarının nasıl görüntüleneceğini tanımlar. HTML'de, bir belgeyi biçimlendirmek için kullanılabilecek etiketler mevcut değildir çünkü HTML etiketleri, bir belgenin içeriğini tanımlamak için kullanılır. CSS öğrenmeye başlarken önkoşul, temel düzeyde HTML bilgisine sahip olunmasıdır.