HTML5 Giriş
Bu yazımda HTML5 nedir HTML ile gelen yenilikler ve etiketler ile ilgili bilgiler yer alıyor.
HTML5 nedir?
HTML5 HTML 4.1 sürümünden sonra çıkan HTML sürümüdür.
HTML5 ile gelen yenilikler
HTML5 ile birden fazla yenilik gelmiştir.
Yeni gelen özelliklerden en önemlisi 2D ve 3D çizim yapmaya yarayan <canvas> etiketidir.
Ayrıca Geolocation, Drag/Drop, Web Storage, Web Workers, Server-Sent Events vb. API özellikleri de vardır.
HTML5 ile gelen yeniliklerin çoğu JavaScript ile birlikte çalışmaktadır.
HTML5 DOCTYPE
HTML5 ile DOCTYPE bildirimi önceki HTML sürümlerine göre basittir.
<!DOCTYPE html>HTML5 karakter kodlaması
HTML5 karakter tanımlaması daha basit ve daha fazla dil desteği vardır. (Önceki sürümlerde HTML Türkçe karakter sorunu gibi)
<meta charset="UTF-8">NOT: HTML5’in varsayılan karakter kodlaması UTF-8’dir
HTML5 örnek sayfa yapısı<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sayfa başlığımız</title>
</head>
<body>
Sayfa içeriği
</body>
</html>HTML5 ile gelen etiketler
HTML5 ile gelen bazı etiket ve özellikler şunlardır.
Yeni anlamsal etiketler: <main>, <header>, <footer>, <article>, <section>, …
Yeni form veri giriş tipleri: number, date, time, month ve range, …
Yeni grafik etiketleri: <svg> ve <canvas>
Yeni çoklu ortam etiketleri: <audio> ve <video>
HTML5 API desteği
HTML5 ile gelen bazı özellikler şunlardır.
- HTML Geolocation
- HTML Web Storage
- HTML Web Workers
- HTML SSE
- HTML High Resolution Time
- HTML User Timing
- HTML Navigation Timing
- HTML Network Information
- HTML Vibration
- HTML Battery Status
- HTML Page Visibility
- HTML Fullscreen
- HTML getUserMedia
- HTML WebSocket
- HTML Pointer Lock
- HTML File
- …
HTML5 ile kaldırılan etiketler
HTML5 ile birlikte bazı HTML etiketleri de kaldırılmıştır.
Kaldırılan etiketler bazı tarayıcılar tarafından hala kullanımına izin vermektedir.
Fakat bu etiketler yerine yeni kullanılan etiket ve yöntemleri kullanmanızı öneririm.
| Kaldırılan etiketler | Yerine kullanılan |
|---|---|
| <acronym> | <abbr> |
| <applet> | <object> |
| <basefont> | CSS |
| <big> | CSS |
| <center> | CSS |
| <dir> | <ul> |
| <font> | CSS |
| <frame> | <iframe> |
| <frameset> | <iframe> |
| <noframes> | <ifame> |
| <strike> | CSS, <s>, or <del> |
| <tt> | CSS |
HTML5 ile neler yapabiliriz?
HTML5 2D ve 3D çizim desteği sayesinde artık oyun yazabiliriz.
HTML5 Web Storage ile her platformda çalışabilen web uygulaması geliştirebiliriz.
HTML Geolocation özelliği ile konum bilgilerini alarak, konuma göre hava durumu, trafik bilgisi ve çeşitli oyunlar geliştirebiliriz.
HTML5 Server Sent Events özelliği sayesinde çevrimiçi mesajlaşma, çevrimiçi oyun vb. uygulamalar geliştirebiliriz.
HTML5 Derslerine buradan ulaşabilirsiniz…
Hayırlı günler dilerim.