Macomil

Web Design

9 Eylül, 2011(03:57) YER:HTML 5, Vitrin

HTML 5 ile Yeniliklere yolculuk.

Uzun zamandır html dili çok basit bir dil olarak ağızlara sakız olmuş durumdaydı… kimine göre basit kimine göre zor. HTML ile tek başına yapılabilecekler sadece basit kurumsal tarzda standart içerik dökümanlarıydı ancak HTML 5 ile artık buna bir son diyoruz!

NEDİR HTML 5 ?

HTML 5 diğer html sürümlerine göre şimdiye kadar en büyük farkı açmış olan html sürümüdür.beraberinde birçok sadelik hafiflik ve kolaylık getirmiştir. up uzun gereksiz etiketler kısaltılmış hiç kullanılmaya değmeyecek olanlar ise tamamen kaldırılmıştır. sayfalarda medya müzik video paylaşımları kolaylaşmış ve bunları arama motorlarının botları tarafından incelenmesi çok daha kolay hale gelmiştir.yeni etiketler ile birlikte arama motorları artık sayfanın neresinde ne olduğunu daha kolay anlıyabilicek.

Eskiden
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML 5 ile

<!DOCTYPE html> 

HTML 5 sayfaların AVANTAJLARI!

HTML 5 flashın papucunu dama atıcak gibi görünüyor. Flash ile yaptıklarımız en fazla dosya içine hükmederek çalışan basit çaplı oyunlardı daha basit halleride flash siteler. HTML 5ve CSS 3 birlikte kullanılarak çok daha kaliteli oyun ve siteler yapılabiliyor.

Gelen yeni etiketler ile sayfalarımız çok daha düzenli!

Artık divleri kullanarak arama motorlarının anlayamadığı kutucuklar yerine divden daha işlevli ne olduğu bilinen kutular kullanılıyor. Header Footer nav bunlardan bazıları.

HTML 5 ile daha kullanışlı hale gelen elementlar

  • <canvas> : Javascript ile kontrol edilen düzlemsel çizim alanı
  • <video> : Player kullanmadan direk video yerleştirme
  • <audio> : Yine player kullanmadan direk ses dosyaını htmlye yerleştirmek için.
  • <progress> : işlemlerin sürecini gösterir
  • <caption> : manşet,Başlık metinleri gösterir
  • <header> : sitenin en üst kısmını belirtir logoyu sloganı menüyü içerir
  • <nav> :Sitenin navigasyon menüsüdür.
  • <footer> : Sitenin bitiş bölümünü içerir
  • <section> : Sitelerin ana içerik kısmını içine alır. (muhtemelen .net için master page de olmayan kısımlar)
  • <aside> : asıl içerikte ek olarak belirtilen kısımı belirler.
  • <article> : makale deneme haber gibi kısımları içerir
  • <embed> :D ışarıdan alınan ögeler flash veya farklı multimedya
  • <details> : Detay bilgileri
  • <summary> : İçerik yazı başlığı
  • <time> : Zamansal veriler
  • <mark> : Makaledeki fosforlu kelimelerle çizilesi önemli kelimeler
  • <figcaption> : “figure” elementinin başlığı.
  • <figure> : Çeşitli medya içerik grupları. “figcaption” ı da içinde.
  • <hgroup> : Başlık grubudur.  h1, h2 vs içerir.
  • <command>, <datalist>, <embed>, <keygen>,
  • <meter>,<output>, <rp>, <rt>, <ruby>,<source> ve diğereri

Html 5 ile gelen input elemanları

  1. tel
  2. search
  3. url
  4. email
  5. datetime
  6. date
  7. month
  8. week
  9. time
  10. datetime-local
  11. number
  12. range
  13. color
Bunlar için pek açıklama gerekmiyor…

Html 5 tamamen yerleştikten sonra tarihe karışacak eski elementler (tag)

  • <acronym>, <applet>, <basefont>, <big>,
  • <center>, <dir>, <font>, <frame>,
  • <frameset>, <noframes>, <s>, <strike>,
  • <tt>, <u>, <xmp>
w3c de ve w3schools da daha ayrıntılı yeni standartları bulabilirsiniz…




Bir yorum yaz:

» HIZLI BAŞLAT

HTML 5 ile Yeniliklere yolculuk.