Haziran 21 2010
HTML5 yeni elementler
HTML5 ile yeni gelen elementler…
Internet, 1999′da standart olan HTML 4.01′den sonra çok değişti. Bugün, HTML 4.01′de bulunan elementlerin bazılarının modası geçti, artık yoklar ve hiçbir şekilde kullanılmıyorlar. Bu elementler HTML5′de ya silindi ya da şekil değiştirip anlamlı hale geldi.
Günümüz internet kullanımının iyileştirilmesi için, HTML5, daha iyi bir yapı, çizim, medya ve form kontrolü elementleri içermektedir. Şimdi bu yeni elementleri ve ne işe yaradıklarını öğrenelim:
Yeni Markup Elementleri
| Tag | Açıklama |
<article> |
Harici içerik için kullanılır, haber makaleleri, bloglar, forumlar ve bunlar gibi harici kaynaklardan alınan içerikler gibi |
<aside> |
Aside şu an site yapılarımız içinde kullandığımız sidebarın elemente dönüşmüş halidir. Aside elementinin içeriği etrafında bulunan içerikle ilgili olmalıdır. Daha iyi anlaşılması bakımından A List Apart’dan 2 adet görüntüye göz atın. 1. resim 2. resim |
<command> |
Adından da anlaşılacağı gibi komut düğmeleri için kullanılan element; bu bir buton, bir radiobuton veya checkbox olabilir. |
<details> |
Bir belgenin veya belgenin bir bölümünün açıklamasını, detaylarını içeren element. |
<summary> |
Detay elementinin başlığı veya özeti için kullanılabilir. |
<figure> |
Bir bölümü içerikten bağımsız bir şekilde gruplamak için kullanılır mesela bir video veya imajı başlığıyla birlikte figure elementi içinde gruplayabilirsiniz. |
<figcaption> |
Figure bölümünde başlık için kullanılacak element. |
<footer> |
Sayfaların veya bölümlerin en alt kısımları için footer elementini kullanabilirsiniz. Bu bölüm yazar adı, tarih, iletişim veya copyright gibi bilgileri içerir. |
<header> |
Sayfaların veya bölümlerin başlangıcı için header elementini kullanabilirsiniz. Bu bölüm logo, slogan gibi siteyi tanıtıcı bilgilerin olduğu bölüm, bazen ana menüler de bu bölümde yer alabilir. |
<hgroup> |
Başlıkları <h1>‘den <h6>‘ya, büyük olan ana başlık ve diğerleri alt başlık olacak şekilde gruplamak için kullanılır. |
<mark> |
Metnin önemli bölümlerini belirtmek için kullanılır. |
<meter> |
Sadece maksimum ve minimum değerleri bilinen ölçümler için kullanılır. |
<nav> |
Menülerin bulunacağı bölüm için kullanılır. |
<progress> |
İşlem sürecini göstermek için kullanılan element, örneğin yüklemelerde yüzde göstermek gibi. |
<ruby> |
ruby notları (Çince notlar veya karakterler) için kullanılır. |
<rt> |
ruby notlarını tanımlama için kullanılır. |
<rp> |
ruby desteklemeyen browserların göstereceği şeyi yazmak için kullanılır. |
<section> |
Sayfanın bölümlerini gösteren elementtir. Örneğin header, footer vs. gibi bölümler. |
<time> |
Bir tarih veya zaman diliminin belirtildiği elementtir. |
Yeni Medya Elementleri
| Tag | Açıklama |
<audio> |
Multimedya içerik, ses, müzik veya akıcı sesler (audio streams) için kullanılır. |
<video> |
Filmler, klipler veya akıcı videolar (video streams) için kullanılır. |
<source> |
Video veya ses elementlerinin içinde ne olduğunu gösteren kaynaklar için kullanılır. |
<embed> |
Eklentiler gibi gömülü içerik için kullanılır. |
Yeni Çizim Elementi
| Tag | Açıklama |
<canvas> |
Script kodları ile çizim yapmak için kullanılır. |
Yeni Form Elementleri
| Tag | Açıklama |
<datalist> |
Input değerleri için seçenek listesi. |
<keygen> |
Kullanıcı doğrulaması için şifre üretir. |
<output> |
Farklı türlerde çıkış almak için kullanılır. |
Yeni Input Type Özellik Değerleri
| Type | Açıklama |
tel |
Telefon numaraları için. |
search |
Arama alanı. |
url |
Input değeri URL’dir. |
email |
Input değeri bir veya daha fazla E-posta adresidir. |
datetime |
Input değeri tarih ve/veya zamandır. |
date |
Input değeri tarihtir. |
month |
Input değeri aydır. |
week |
Input değeri haftadır. |
time |
Input değeri zaman türüdür. |
number |
Input değeri sayıdır. |
range |
Input değeri verilen bir sayı aralığıdır. |
color |
Input değeri #FF8800 şeklinde renk kodudur. |
Yorumlar
Bu yazıya henüz yorum yapılmamış.
Bu yazıya yorum yapın:
Yorumunuz onaylandıktan sonra sitede görüntülenecektir.