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>

Kişisel Deneyim

Bu örneğin nasıl çalıştığını görmek için "Kişisel Deneyim"e tıklayın.

HTML5 nedir?

HTML5, en yeni HTML standartıdır.

HTML5, zengin web içeriklerini taşımak için tasarlanmış ve ek bir 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 çok basittir:

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

HTML5 örneği:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dokümanın başlığı</title>
</head>
<body>
Dokümanın 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, özelliklerin gereksinimlerine göre, 4 tür dilbilgisi kullanılabilir.

HTML5 - Yeni Özellikler

HTML5'nin en ilgi çekici yeni özellikleri:

  • Yeni semantik bileşenler, ö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 sağlanır)
  • Güçlü medya desteği (video ve audio ile sağlanır)
  • Güçlü yeni API'ler, örneğin yerel depolama ile cookie'yi değiştirmek için.

HTML5 - Kaldırılmış Bileşenler

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

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