HTML5 TANITIMI
HTML5 ile ilgileniyorsanız, html'i en azından kabaca biliyor olmalısınız.
Eğer html ile ilgili bir fikriniz yoksa, bu ders iyi bir başlangıç olmayacaktır. Size şuradan başlamanızı tavsiye ederim.
Bu serüvende, html5 ile birlikte, html'den kaldırılan veya html'e eklenen özellikler incelenecektir.
HTML5'de Neler Yeni?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dökümanın başlığı</title>
</head>
<body>
Dökümanın İçeriği......
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Dökümanın başlığı</title>
</head>
<body>
Dökümanın İçeriği......
</body>
</html>
Yukarıda, bir HTML5 dökümanının kaba hatları verilmiştir. Burada şunlara dikkatinizi çekmek isterim:
<!DOCTYPE html>: Görüldüğü gibi doctype ilanı (deklerasyonu) oldukça basitleştirilmiştir. Eski sürümlerde, doctype için daha uzun kodlar yazmak zorundaydık.
<meta charset="UTF-8">: Yine görüldüğü gibi, sayfamızın karakter setini (charset) ilan etmek de oldukça basitleştirilmiştir.
- HTML5'de varsayılan karakter kodu utf-8 dir.
Yeni HTML5 Elemanları (Elements)
Html5 ile birlikte gelen en ilgi çekici elemanlar şunlardır:
Semantic (anlamına uygun) elemanlar: <header>, <footer>, <article>, ve <section>. Anlamına uygun derken; mesela article makale anlamına gelen bir kelimedir. <article> elemanı da, sayfamıza makaleler eklemek için kullanılır.
Form kontrol özellikleri (attribute): number, date, time, calendar, ve range.
Grafik elemanları: <svg> ve <canvas>.
Multimedya elemanları: <audio> ve <video>.
- HTML5 Tarayıcı Desteği dersinde, eski tarayıcılarınıza HTML5'i nasıl tanıtacağınızı öğreneceksiniz.
Yeni HTML5 API'leri (Application Programming Interfaces)
API: Uygulama programlama arayüzü demektir. Kısace, şu facebookta paylaş, twiterda paylaş, yerini bildir gibi olaylardır. Sitelerin veri tabanları arasında bağlantı kuran programlardır da diyebiliriz.
En ilginç HTML5 API'leri şunlardır:
- HTML Geolocation
- HTML Drag and Drop
- HTML Local Storage
- HTML Application Cache
- HTML Web Workers
- HTML SSE
HTML5 İle Birlikte Kaldırılan Elemanlar
Aşağıda verilen HTML4 elemanları, html5'de kullanılmamaktadır:
Kaldırılan Eleman | Yerine Gelen |
---|---|
<acronym> | <abbr> |
<applet> | <object> |
<basefont> | CSS |
<big> | CSS |
<center> | CSS |
<dir> | <ul> |
<font> | CSS |
<frame> | |
<frameset> | |
<noframes> | |
<strike> | CSS |
<tt> | CSS |
HTML5'in Tarihçesi
Webin ilk zamanlarından bu yana bir çok html versiyonu geliştirilmiştir:
W3C ve WHATWG; HTML5 standartlarını belirleyen gruplardır.
Versiyon | Yıl |
---|---|
Tim Berners-Lee www'yi geliştirdi | 1989 |
Tim Berners-Lee HTML'i tasarladı | 1991 |
Dave Raggett HTML+'yı tasarladı | 1993 |
HTML Working Group (HTML çalışma grubu) HTML 2.0 versiyonunu tanımladı | 1995 |
W3C, HTML 3.2 versiyonunu tavsiye etti | 1997 |
W3C, HTML 4.01 versiyonunu tavsiye etti | 1999 |
W3C, XHTML 1.0 versiyonunu tavsiye etti | 2000 |
HTML5 WHATWG'ın İlk genel tasarısı | 2008 |
HTML5 WHATWG'ın Kullanılan/canlı standardı | 2012 |
HTML5 W3C'nin Son tavsiyesi | 2014 |
W3C ve WHATWG; HTML5 standartlarını belirleyen gruplardır.
Hiç yorum yok:
Yorum Gönder