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 etiketlerYerine 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.

Yusuf SEZER

Yusuf SEZER

Computer Engineer who interested about web technologies, algorithms, artificial intelligence and embedded systems; constantly exploring new technologies.


Bunlara'da bakmalısın!