Artık dünya ve özellikle google html5′in yaygınlaşması için yoğun çaba sarfediyor. Programlama tecrübesi olmayanlar html5′i çok yeni, anlaması zor bir kodlama sistemi olarak görebilirler. Anlayabilmeniz için en basitinden şöyle söyleyeim, xHTML geldiğinde <br> etiketi gibi diğer etiketleri de <br /> şeklinde kapatır olduk. Yani xHTML’in çok büyük bir yeniliği yoktu fakat başta insanlar karışık buldular, sonra herkes alıştı ve bir sorun kalmadı. HTML5 de aynen bu şekilde çalışıyor. Ancak html5′de değişen bir çok özellik var ve benim kendi kanatim Google’ın arama sonuçları HTML5 ile daha da kaliteli olacak, bunu neden söylediğimi yazının devamında anlayacaksınız.
html5 farkları
Öncelikle html5 deyince gözünüz korkmasın. Aslında benim yıllardır olmasını istediğim bazı değişiklikler de var. html4′ün saçmalıklarından kurtulunduğu zaman bence web daha derli toplu bir yer olacak. html5 sitenizde yeni yeni jQueryleri kullanmak zorunda kalmayacak, gidip javascript import etmek zorunda kalmayacaksınız, ha tabii ki bunlar da olacak ancak en az seviyede. En basitinden video oynatmak için iframe ya da object kodlarını kullanmak zorunda kalmayacağız. Bu da tarayıcı hataları almamızı yok edecek.
Google neden html5 destekliyor
Bu sorunun cevabı da basit, Google artık çöp tarayıcısı olmaktan bıkmış durumda. Google’ın arama sonuçlarına direk olarak etki edecek olan html5 artık sizin daha mantıklı sonuçlar almanıza olanak sağlayacak. Yani html5 sadece flash’ı alt etmek için geliştirilmiş bir kodlama mentalitesi değil. <article> etiketini kullanmamızın bir diğer sebebi, google’ın istediğimiz bölümü makaelmizin bulunduğu yer olarak okumasını sağlamak. Artık google’da en basitinden anlattığım bu yol ile daha kaliteli bir sonuç verecek. Aynı yazıları, sağında solunda etiket basılmış siteler kendi kişisel tahminim 10 sene içerisinde google’da çok fazla barınamayacak.
Öncelikle html5′in neden çıktığını anlamamız gerekiyor. Html5 Steve Jobs’un da dediği gibi, flash’ı yapan adobe gerçekten tembel ve onu bitirecek bir proje.
Html5 ile artık desteklenmeyen tag’ler
<acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u>, <xmp>
Html5 ile gelen yeni tag’ler
<canvas>, <audio>, <video>, <progress>, <caption>, <header>, <nav>, <footer>, <article>, <aside>, <command>, <datalist>, <details>, <embed>
2002 yılından beri “tableless web design” yani “tablosuz web tasarımı” dönemini yaşıyoruz.”<table>” elementi yerini “<div>”elementine devr edeli tam 8 sene oluyor. 8 senedir sayfalarımızı nasıl dizayn ediyorduk peki? Genel olarak tasarlarsak aşağıdaki şekilde ki gibi ifade edebiliriz.
Tipik bir 2 sütunlu web sayfası tasarımı bu şekilde olacaktır. Gördüğünüz gibi çok fazla div elementi kullandık ve dahası sayfamızda yaratacağımız bir çok div elementi daha olacak. Html 5 üzerimizde ki yükü biraz hafifletiyor ve yeni getirdiği elementler sayesinde aşağıda ki kolay ön tasarımı yapıyoruz.
Kod haline bakacak olursak,
<body> <header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> </body>
0 views
