Ana Sayfa / Genel / Yeni Öğeler

Yeni Öğeler

HTML5 ile gelen yeni elemanlar

HTML 4.01 ‘in 1999 da çıkışında bu yana internet çok değişti. Günümüzde bazı HTML 4.01 elemanları artık neredeyse hiç kullanılmıyor. HTML5 ile bu elemanlar ya silindi ya da yeniden yazıldı. İnterneti daha kolay ve hızlı hale getirmek için HTML5 daha iyi yapı, çizim, medya içeriği vs. desteğine sahip.

Bu yeni işaretleme dili standart hale geldiğinde artık çok daha hızlı, fonksiyonel ve kolay bir şekilde web tasarım yapılabilmesini vaadediyor.

Yeni işaretleme öğeleri

Daha iyi bir yapı için HTML5 ile gelen yenilikler:

Etiket Açıklama
<article> Harici içerikler, blog, forum, makale herhangi dış kaynaklı içerik için
<aside> Başka bir içeriğin bir kısmı. Bu kısım ana öğe ile ilişkilendirilmelidir.
<command> Buton, radio buton, kontrol kutusu vs.
<details> Bir doküman veya bir kısmı hakkında detay açıklamalar için
<summary> Detay öğeler için bir başlık veya özet
<figure> Tek başına bir içeriği gruplama için kullanılır. Örneğin video içeriği
<figcaption> Figür bölümünün açıklama başlığı
<footer> Bir doküman, makale, bölüm için alt bilgiler. Bu bilgiler yazarın adı, dokümanın tarihi iletişim bilgileri vs. olabilir.
<header> Bir doküman, makale, bölüm için sunum bilgileri. Site içi gezinti olabilir.
<hgroup> Bir bölüm içerisinde yer alan <h1> den <h6> ya kadar olan başlıkları kendi içinde gruplamak için, birincisi ana başlık diğerleri alt başlıklar olarak değerlendirilebilir.
<mark> Vurgulanmış metin
<meter> Tavan ve taban değerleri bilinen ölçüm için kullanılır
<nav> Gezinti menüsü için bir bölüm
<progress> İlerleme durumu
<ruby> Farklı karakterler için vurgu (Çince notlar ya da karakterler)
<rt> Farklı karakterler için açıklama
<rp> Farklı karakterleri desteklemeyen tarayıcıya gösterilecek mesaj
<section> Bir doküman içerisinde oluşturulan, bölüm, alt bilgi, üst bilgi ya da benzeri bir bölüm
<time> Zaman, tarih ya da her ikisi için tanımlama


Çoklu ortam elamanları

HTML 5 aşağıda yer alan ortamlar için yeni standart özellikler sunuyor:

Etiket Açıklama
<audio> Multimedya içerikler için, müzik, ses, ya da başka akış (stream) durumları
<video> Video içeriği için
<source> Medya içerikleri için , medya kaynakları
<embed> Gömülü içerikler için, mesela bir eklenti


Canvas elemanı

Canvas elemanı web sayfası üzerinde çizim yapmak için JavaScript kullanır

Etiket Açıklama
<canvas> Betik aracılığı ile grafik oluşturma


Yeni Form elemanları

HTML5 yeni ve daha kullanışlı form elemanları sunuyor:

Etiket Açıklama
<datalist> input değerşeri için liste seçeneği
<keygen> Doğrulanmış kullanıcılar için anahtar oluşturma
<output> Farklı çıktılar için, mesela bir betik tarafından oluşturulan çıktılar

Yeni Input Type parametreleri

input type parametreleri için de bir çok yenilik var, formumuz sunucuya gönderilmeden bir çok işlemi tarayıcı tarafında yapmak mümkün, aşağıda ki tabloda oluşturduğumuz bir formun ne tür girişlere izin verileceğine dair parametreler görülüyor:

Tür Açıklama
tel Telefon numarası girişi
search Arama alanı
url URL girişi
email Bir ya da daha fazla e-posta
datetime Tarih ve/veya saat
date Tarih
month Ay
week Hafta
time Saat
datetime-local Yerel tarih/saat
number Sayısal giriş
range Sayısal bir aralıkta giriş
color 16 lık renk kodu girişi, örneğin #FF8800

 

harun Hakkında

Matematikçi...Bilgisayar Yüksek Mühendisi... Bir zamanlar Adli Bilişim uzmanı...

İlginizi Çekebilir

Port Tarama

Bu makalede port taramanın ne olduğuna değinip, farklı port tarama yöntemleri ve güvenlik açıklarını nasıl …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir