HTML5 Dersleri - Neler Getti, Neler Geldi

HTML 4.01 yayınlandığından bu yana internetin kullanım şekli ve amacı çok değişti. 1999'da standart haline gelen HTML4 artık yerini daha fazla teknolojik uyumluluk içeren HTML5'e bıraktı. Eski HTML standardından kullanılmayan bir çok etiket ve element HTML5'de çıkartıldı ve yerine, günümüz internet kullanım koşullarına uygun yenilikler getirildi.

HTML5'in hızla büyümesinin en büyük nedeni, bu büyüme hızıyla doğru orantılı şekilde büyümeye devam eden mobil internet kullanımıdır. Şu anda kullandığımız cep telefonları ve tablet bilgisayarların donanımsal özellikleri, 1999 yılıyla, yani HTML 4.01'in standart olduğu yıl ile neredeyse aynı, hatta daha bile kuvvetlidir. Bu yüzden HTML5'e ihtiyaç duyulmuştur. Fakat HTML5'e duyulan ihtiyaca neden olan tek gerekçe bu değildir. İnternet hızlarının yükselmesi ve günlük kullanıcının fiber optik dahil olmak üzere aşırı geniş bantlı internet hizmetlerini kullanabiliyor olması, Streaming'in önünü çok daha fazla açtı. HTML5 ise eş zamanlı video ve ses oynatmayı, HTML içerisinde bir standart haline getirdi ve cep telefonlarını Flash gibi ağır uygulamalardan kurtardı.

İnternet kullanımını kolaylaştırmak için HTML5 ile beraber gelen büyük yeniliklerin ana başlıkları şunlardır:

·         Grafik Çizimi

·         Çoklu-ortam İçerik Ekleme

·         Güncelleştirilmiş Formlar

·         Sürükle / Bırak Eklentisi

·         Coğrafi Konum Tespit Etme

·         Web Alanında Depolama

·         Uygulama Önbellekleme

Canvas Etiketi

Etiket	Tanım
<canvas>	Script aracılığıyla çizim yapmayı sağlar. (Genellikle JavaScript)

Yeni Çoklu-Ortam Etiketleri

Etiket	Tanım
<audio>	Ses ve müzik dosyası tanımlar.
<video>	Video dosyası tanımlar.
<source />	İlgili çoklu-ortamın kaynak yolunu tanımlar.
<embed />	Herhangi bir interaktif içeriğin çalışması için konteynır oluşturur.
<track />	Ses ve video dosyaları için numaralandırma yapar.

Yeni Form Etiketleri

Etiket	Tanım
<datalist>	Form girdileri için bir ön ayar alanı hazırlar.
<keygen />	Forma anahtar dizin aracı (Key Generator) ekler.
<output>	Matematiksel bir hesabın sonucunu yazdırır.

Yeni Anlamsal ve Yapısal Etiketler

Etiket	Tanım
<article>	Bölgenin makale olduğunu tanımlar.
<aside>	İçeriğin sayfa düzeninin dışında olduğunu ifade eder.
<bdi>	Metnin bir parçasını dahil olduğu metnin genel formatından daha farklı biçimlendirilebileceğini ifade eder.
<command>	Kullanıcı tarafından başlatılabilecek bir komut dizini butonu oluşturur.
<details>	Kullanıcının gizleyip / gösterebileceği bir detay bölümü oluşturur.
<dialog>	Bir diyalog penceresi ya da kutusu oluşturur.
<summary>	<details> etiketi için belirgin bir özet başlığı oluşturur.
<figure>	Bir diyagram ya da çizim gibi müstakil (kendi içeriğini hali hazırda üzerinde bulunduran) bir yapı için konteynır oluşturur.
<figcaption>	<figure> etiketli için bir manşet ya da altyazı metni oluşturur.
<footer>	Sayfanın footer kısmını belirler.
<header>	Sayfanın header kısmını belirler.
<hgroup>	Metinde <h1>'den <h6>'ya kadar katmanlı başlık olacaksa hepsi için bir grup olşturur.
<mark>	Metni işaretli olarak tanımlar.
<meter>	Tanımlana araklıklarda ölçüm yapmak için bir ölçek oluşturur.
<nav>	Site navigasyonu (ana menü) alanını tanımlar.
<progress>	Yapılan işin ilerleyiş oranını tanımlar.
<ruby>	Özellikle Doğu Asya dillerinde kullanılan özel dipnot sistemi etiketidir.
<rt>	<ruby> metnin örnek telafuzunu tanımlar.
<rp>	<ruby> metnin desteklenmediği yerlerde alternatif olarak gösterilecek bir metni tanımlar.
<section>	Doküman içerisinde özel bölge tanımlar.
<time>	Tarih ve saat tanımlar.
<wbr />	Satırın duracağı noktayı tanımlar.

HTML 5'de Silinen Etiketler

Bazı etiketler ise amacının dışında kullanıldığı ya da ihtiyaç duyulmadığı için artık HTML5'de bulunmamaktadır. Bunlar:

·         <acronym>

·         <applet>

·         <basefont>

·         <big>

·         <center>

·         <dir>

·         <font>

·         <frame>

·         <frameset>

·         <noframes>

·         <strike>

<tt>

İlerleyen yazılarımda HTML5'e yeni eklenen etiketlerin nasıl kullanılacağını detaylı olarak anlatacağım.