thumbnail

HTML5 Nedir? HTML5 Kodları ve HTML5 Dersleri

HTML5, internetin en önemli teknolojilerinden biri olan HTML‘in beşinci sürümüdür. HTML dili internetin ilk yılından beri kullanıcılara daha iyi bir internet deneyimi yaşatıyor. Kullanıcılar ve yazılımcılar için sonsuz öneme sahip olan bu dil deneyimini en bir üst seviyeye taşımak için artık HTML5 kullanılıyor. HTML5 yeni haliyle çok daha fazla fonksiyon sunduğu için mobil cihazlar için de büyük önem taşıyor. Kodlama yapısı açısından da yazılımcılara farklı avantajlar sunuyor. Şuan için deneme sürümü olarak kullanılıyor ve en yüksek performansı Google Chrome ile Safari veriyor.

HTML5 Dersleri

Yazılımcıların ve tasarımcıların da bu yeni sürümden haberdar olması vkısa bir süre içerisinde bu dili öğrenmesi demektir. Şuan için HTML5’i öğrenmek için birçok Türkçe web sitesi ve blog bulunuyor. Eğer İngilizceniz varsa http://www.w3schools.com/internet adresinden temelden başlayarak HTML5 derslerini almaya başlayabilirsiniz.

HTML5 Kodları

HTML5 tamamen HTML’in eski sürümlerinden bağımsız bir sürüm değildir. O yüzden daha önceden kullanılan standartlar hala devamlılığını sürdürmektedir. HTML5 ile sadece artık daha farklı ve yeni elementlerin sahibiyiz. İşte yeni HTML elementleri;

  • <canvas>: Sayfa içerisinde tuval alanı oluşturur. Bu alana JS yardımıyla çizim yapılabilir.
  • <audio>: Sayfa içerisine ses oynatma modülü ekler.
  • <video>: Sayfa içerisine video oynatma modülü ekler.
  • <progress>: İşlemin sürecini gösteren gösterge ekler.
  • <caption>: Başlık olarak düşünülen metinleri düzenler.
  • <header>: Sayfanın başlık ve açıklama içeriğini oluşturur.
  • <nav>: Menüleri ve diğer ihtiyaç duyulan işlevleri içine alır.
  • <footer> Sayfanın en alt kısmını oluşturur.
  • <section>: Sayfanın ana içerik bölümünü içine alır.
  • <aside>: İçerik içinde ayrı yazılan kısımdır.
  • <article>: Makale ve deneme tarzı yazıları kapsar.
  • <embed>: Eklentiler için kullanılır. (Örn: .swf dosyaları gibi.)
  • <details>: Detay için kullanılır.
  • <summary>: Yazı başlığını kapsar.
  • <time>: Tarih ve saate verilerini kapsar.
  • <mark>: Yazı içerisinde belirlenen kelimeleri gösterir.

11 Comments

  1. ibrahim hocam bi youtube kanalı açsanız da benim gibi koddan anlamayanlara uygulamalı anlatsanız on numara olur

  2. hocam ya bu w3school’da sitem ile alakalı 89 hata var diyor. WordPress sistem kullanıyorum. Düzeltim yapmaya çalıştığım da ise tema kayıyor. CSS alanları bile tanımıyor. Bu hataları gidermek için eklenti vb. bir şey varmı ?

  3. Blogger kullanıyorsan kesinlikle işine yarayacak bilgiler. Ellerinize sağlık sitenizden çok şey öğreniyorum teşekkürler.

  4. küçük bir bilgilendirme yazısı olmuş daha uzun yazabilirseniz daha açıklayıcı olur.

  5. htlm5 bence üzerinde çalışılıp kesinlikle bilgi sahibi olunması gereken bir sistem…

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir