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"e tıklayın.

HTML5 nedir?

HTML5, en yeni HTML standartıdır.

HTML5, zengin web içeriklerini taşımak için özel olarak tasarlanmış olup, ek eklentiye gerek duymaz.

HTML5, yeni semantik, grafik ve multimedya elementlerine sahiptir.

HTML5, web uygulaması inşa 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) bildirimi de çok basittir:

<!DOCTYPE html>
Yeni karakter kodlaması (charset) bildirimi de çok 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 dilbilgisi

HTML5 standartı 4 farklı özellik dilbilgisi türüne izin verir.

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

Tip Ö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 dil gramerinden herhangi biri 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ü görsel desteği (<canvas> ve <svg> ile)
  • Güçlü multimedya desteği (<video> ve <audio> ile)
  • Güçlü yeni API'ler, örneğin yerel depolama ile cookie'lerin yerini almak için.

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>