HTML4'ün yavaş yavaş beklentilere cevap verememesiyle birlikte yeni arayışlara giren tasarımcılar div ayraçlarını CSS ile verimli şekilde kullanmaya başlamışlardı. Ne kadar iyi kodlamalar yapılsa da HTML4'ün artık yetmediği ortaydı.
HTML5 ise dilde yalınlık ilkesini amaç edinen yeni özellikleri ile kullanıcıların işini kolaylaştıracak. Daha az kodla sitelerimize aynı görünümleri verebileceğiz. Alistapart kaynağında okuduğum html5 içeriğinde bu yalınlaşma gayet iyi açıklanmış.
html4 ile site dizayn ederken div kullanıyoruz
Şu sıralar sıkça kullandığımız "div" ayraçlari ile sitemize şekil verme işlemini html5'in yeni ayraçlari ile bırakacağız. header, nav, article, section, aside ve footer başta olmak üzere yepyeni ayraçlar tanımlamış. Yukarıdaki resimde göreceğiniz kullanım şekli html5 ile birlikte yerini aşağıdaki resimdeki kullanım şekline bırakacak.
html5 ile site dizayn ederken yeni ayraçlar kullanıyoruz
header ayraçlari arasına sitemizin logosunu yada başlığını koyacağız. nav ayraçlarinin arasına menümüzü yerleştireceğiz. Atricle bizim sectionlarımızı yani içeriğimizi bünyesinde bulunduracak. Aside ise yan münelerimiz için kullanacağımız tag olacak.
*Yeni Video ve Audio ayraçları
Yeni video ve audio ayraçları ile son zamanlarda popüler olan video ve ses sağlayıcılarda embed olarak kullanılan ayraç yerine daha kullanışlı ve özellikli olanlar kullanılacak. Örneğin;
yeni video kodu kullanımı
Bu örnekte poster değeri videoyu oynatmadan önce göreceğimiz resmi tanımlamakta. Video ayraçının içine koyacağımız "a" ise onun üstünde link vermemizi sağlayacak. Ayrıca source src olarak tanımlanan bilgilerde tarayıcının uyumlu olduğu formata göre dosya gösterimi yapabilmemizi sağlıyor.
Aynı şekilde audio ayraçı içide "a" bulundurabiliyor.
Buradaki yararlı kaynağı kullanarak türkçeleştirdiğim yazıyı ingilizce olarak da okuyabilirsiniz. Diğer kaynaklar ise bildirgeç, html5.org ve w3.org.
« önceki yazı Süper Kill Bill tanıtımı! |
sonraki yazı » Açık kaynak kodlu 3D kısa animasyon filmi Big Buck Bunny |
Yorumlar
yav daha şu anda firefox bi layerı nası göstercek, ie nası göstercek, yok operada gözükmedi diye kıvranıyoz. bi de bu html5 çıkarsa kim nasıl uğraşcak? bunun yerine browser kodlayanları dövseler ya =P
| uasmyrna | |
|
|
(1 puan) |
|
| 01 Haziran 2008 23:27 |
dedigin gibi şu browser'lara bir standart getirseler çok iyi olacak
herkes kafasına göre yorumluyor.
| peacefire | |
|
|
(0 puan) |
|
| 02 Haziran 2008 00:17 |
html5 in çıkartılma sebebi de tarayıcı uyumluluğu kaosuna son vermek olabilir tabi bu microsoft,mozilla,apple,opera şirketlerinin istemesine bağlı ...
| lonelycavalry | |
|
|
(0 puan) |
|
| 02 Haziran 2008 01:00 |
w3'ün sayfalarından birisnde okumuştum, html5 en az 4 yıl daha geliştirilecek (bu yazılmalydı), yani daha çoook var. Ayrıca microsoft, mozilla, apple, opera çalışanlarından bağzıları da html 5'in geliştirilmesinde katkıda bulunuyor.
| darkhorn | |
|
|
(0 puan) |
|
| 02 Haziran 2008 01:28 |
o 4 yıl olayını görememişim. Ekleme için teşekkürler
| basarozcan | |
|
|
(0 puan) |
|
| 02 Haziran 2008 02:06 |
şöyle diyor:
Work on HTML 5 is rapidly progressing, yet it is still expected to continue for several years. Due to the requirement to produce test cases and achieve interoperable implementations, current estimates have work finishing in around ten to fifteen years.
| darkhorn | |
|
|
(0 puan) |
|
| 02 Haziran 2008 02:38 |
4 yıl kesin değil yani, geliştirme süreci bittiğinde çıkaracaklar. Bence 4 yıldan daha yakın
| basarozcan | |
|
|
(0 puan) |
|
| 02 Haziran 2008 19:04 |
pillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.
İlgili Yazılar
- firefox 3.5 ile web geliştiricileri sevinecek (13)
- Online Div Şablon Generator (2)
- CSS 3 öğrenmek için en iyi dersler (10)
- Hayranlık Uyandıran 20 en iyi Tasarım Grubu (0)
- garanti bankası web sitesi değişmiş. baya hem (7)
- Çıplak siteni göster hareketi (1)
- 10 css tutorials (2)
- CSS Play (1)
- css ile menü sorununa son..! (4)
Bu Yazıyı Tutanlar
Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.
