HTML5 Tanıtımı

Her bölümdeki HTML5 örneği

Örnek

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Tarayıcınız video etiketini desteklememektedir.
</video>
</body>
</html>

Deneyimleyin

Bu örneğin nasıl çalıştığını görmek için "Deneyimleyin" düğmesine tıklayın.

HTML5 nedir?

HTML5, en yeni HTML standartıdır.

HTML5, zengin web içeriklerini taşımak için özel olarak tasarlanmış ve ek eklentiye gerek duymadan çalışır.

HTML5, yeni anlam, grafik ve multimedya elementlerine sahiptir.

HTML5, web uygulaması oluşturma sürecini basitleştiren yeni elementler ve yeni API'ler sunar.

HTML5, PC, tablet, telefon, televizyon gibi farklı türdeki donanımlar üzerinde çalışmak üzere tasarlanmıştır.

Açıklama:Aşağıdaki bölümlerde, eski sürümlerdeki tarayıcıların HTML5'yi nasıl "yardım" edeceğinizi öğreneceksiniz.

HTML5'teki yeni içerikler nedir?

HTML5'nin yeni belge türü (DOCTYPE) beyanı da son derece basittir:

<!DOCTYPE html>
Yeni karakter kodlaması (charset) beyanı da son derece basittir:
<meta charset="UTF-8">

HTML5 örneği:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Belgenin başlığı</title>
</head>
<body>
Belgenin içeriği......
</body>
</html>

Açıklama:HTML5'teki varsayılan karakter kodlaması UTF-8'dir.

HTML5 - Yeni özellik dil gelişimi

HTML5 standartı 4 farklı özellik dil gelişimini izin verir.

Bu örnek, <input> etiketinde kullanılan farklı dilbilgilerini gösterir:

Tür Örnek
Boş <input type="text" value="Bill Gates" disabled>
Tırnaksız <input type="text" value=Bill Gates>
Çift tırnak <input type="text" value="Bill Gates">
Tek tırnak <input type="text" value='Bill Gates'>

HTML5 standartında, özellik gereksinimlerine göre 4 tür dilbilgisi kullanılabilir.

HTML5 - Yeni Özellikler

HTML5'nin en ilgi çekici yeni özellikleri:

  • Yeni semantik öğeler, örneğin <header>, <footer>, <article> ve <section>.
  • Yeni form kontrolleri, örneğin sayı, tarih, zaman, takvim ve kaydırıcılar.
  • Güçlü resim desteği (canvas ve svg ile)
  • Güçlü multimedya desteği (video ve audio ile)
  • Güçlü yeni API'ler, örneğin cookie'yi yerel depolama ile değiştirme.

HTML5 - Kaldırılmış Öğeler

Aşağıdaki HTML 4.01 öğeleri HTML5'ten kaldırılmıştır:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>