HTML5 Dersleri 3

HTML5 İle Gelen Yeni Özellikler

Bu makalede html5 ile gelen yeni elemenetler nelerdir? bunları anlatmaya çalışacağız.

HTML5 ile gelen yeni elementler

Tag	Açıklama
<article>	Makale deneme tarzı yazılar bu element içine yazılır.
<aside>	Bu elemet ana içerikten ayrı yazılan kısımdır.
<command>	Bir buton, radio buttonu ve bir onay kutusu için kullanılır
<details>	Detay bilgiler bu element içine yazılır
<summary>	<details> elementine yazılan yazıların başlığı bu element içine yazılır
<figure>	Çeşitli medya içeriği gruplarını belirtir.
<figcaption>	<figure> elementinin başlığını belirtir.
<footer>	Sayfanın alt kısımları (footer) dediğimiz bölgeyi içine alır.
<header>	Sitenin başlık ve açıklama içeriği bu elementin içine yazılır
<hgroup>	<h1> ile <h6> arasındaki tüm başlık gruplarını belirtir.
<mark>	Özellikle öne çıkarılan üstünde durulan kelimeleri belirler.
<meter>	Ölçü biriminin en düşük ve en yüksek biliniyorsa kullanılır
<nav>	Bu element menü navigasyonunu içerir
<progress>	Sayfaya bir adet işlem süreci göstergesi ekler
<ruby>	Çince karakter ve noktalamaları kullanmak için
<rt>	<ruby> elementine açıklama eklemek için kullanılır
<rp>	<ruby> elementini desteklemeyen tarayıcılara verilecek mesaj belirtilir
<section>	Buraya sistenin ana içerik kısmı eklenir.
<time>	Tarih, saat verilerini kapsar.
<wbr>	Kelime sonu. Satır sonunun alternatifi şeklindedir.

HTML5 ile gelen yeni media elementleri

Tag	Description
<audio>	Sayfaya bir adet ses oynatıcı modül ekler
<video>	Sayfaya bir adet video oynatıcı modül ekler
<source>	Medya elementleri için <audio> ve <video> elementleri içinde tanımlanır.
<embed>	Dışardan siteye eklenen componentler bu elementin içine yazılır (Örnek: .swf dosyaları)
<track>	<video> ve <audio> elementleri için text tanımlaması yapar

HTML5 ile gelen canvas elementi

Tag	Açıklama
<canvas>	Sayfada bir çizim alanı oluşturur buraya Javascript ile çizim yapılır

HTML5 ile gelen yeni form elementleri

Tag	Açıklama
<datalist>	Giriş değerleri için ayar listeleri.
<keygen>	Kullanıcı girişlerini doğrulama için kullanılır.
<output>	Değişik türdeki çıktılar için kullanılır (Örnek: script çıktıları)

HTML 5 ile gelen input-type türleri

Tür	Açıklama
tel	Telefon numarası girişi için kullanılır
search	Arama yapmak için kullanılır
url	URL adresi girilecekse kullanılır
email	Bir veya daha fazla e-posta adresi girişi için kullanılır
datetime	Tarih ve zaman değeri girişi için kullanılır
date	Tarih girişi için kullanılır
month	Ay girişi için kullanılır
week	Hafta girişi için kullanılır
time	Zaman girişi için kullanılır.
datetime-local	Yerel zaman girişi için kullanılır
number	Sayısal değer girişi için kullanılır
range	Verilen aralık için sayısal değer girişi sağlar
color	Hexadecimal kod değeri için girişi sağlar

HTML5 in tam olarak kullanılmaya başlamasıyla kaldırılması düşünülen  HTML 4.01 elementleri de şunlardır:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>
<u>
Önümüzdeki makalelerimizde bu yeni gelen etiketlerin herbirinin nasıl kullanıldığını örnekleriyle açıklamaya çalışacağız. Bir sonraki makalemizde görüşmek üzere..

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

html5 � le gelen yeni � zellikler