Html 5 Kodları

HTML5 , gün geçtikçe çok daha fazla kullanılıyor ve artık tasarımcılar da html5′ten oldukça fazlasıyla yararlanıyorlar. Fakat şöyle bir şer var ki HTML5′in gelmesiyle arama motorlarının da arama algoritması mutlaka değişicektir. Neden çünkü arama motoru örümcekleri bu yeni kodlara göre web sitelerini yorumlayacak ve ona göre arama sonuçlarında üst sıralara çıkaracaktır. Şimdi Html5 ile gelen birkaç kod örneğini inceleyelim.
İşte HTML5 ile Gelen Yeni Kodlar
Tabi öncelikle yeni gelen kodları inceleyip buna göre seo’yu yorumlamak lazım.
<canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
<audio>: Sayfaya ses oynatıcı bir modül ekler.
<video> : Video oynatıcı bir modül ekler.
<progress> : İşlem süreci göstergesi ekler.
<caption> : Başlık olarak düşünülen metinleri düzenler.
<header> : Sitenin başlık ve açıklama içeriğini alır.
<nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
<footer> : Sitelerin en alt kısmını içine alır.
<section> : Sitelerin ana içerik kısmını içine alır.
<aside> : Ana içerikte ayrı yazılan kısımdır.
<article> : Makale, deneme tarzı yazıları kapsar.
<embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar)
<details> : Detay bilgisi içerir.
<summary> : Yazının başlığını belirler.
<time> : Tarih, saat verilerini kapsar.
<mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
<figcaption> : <figure> elementinin başlığını belirler.
<figure> : Çeşitli medya içeriği gruplarını belirler.
<hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.
<datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar.
Kodları gördünüz. Normalde bizler sayfa kodlarken css’de üst kısıma header, en alt kısıma footer, yan taraflara sidebar gibi isimler veriyorduk fakat HTML5′te bunlar direkt olarak kod haline gelmiş görünüyor.
Kısaca bahsetmek gerekirse üst kısımda header menü kısmı nav, makaleler içerik vs ise article kodu ile eklenecek.

More Articles for You

2014 Ajanda Tasarımı (INDD)

Merhabalar arkadaşlar, az once yabancı kaynaklı bir internet sitesinden bularak sizlere sunuyorum bunu. 2014 Ajandası hazır tasarımdır. Tamamiyle ingilizceydi Türkçeleştirme …

“Hediyem İstanbul” Desen Tasarımı Yarışması

Yarışma Amacı: “Hediyem İstanbul”un kurumsal yapısını ve konseptini temsil edecek “özgün” DESEN tasarımları ortaya çıkarmak üzere düzenlenen bir yarışmadır. İstanbul …

En Hızlı İnternete Sahip Ülkeler

Dünya nüfusunun 3’te 1’inin hızlı internet erişimine sahip olduğu günümüzde en hızlı kullanım oranları Asya ve Avrupa ülkelerinde. İnternetin doğduğu …

29 Ekim Cumhuriyet Bayramı Doodle

Google 29 Ekim Cumhuriyet bayramımızı unutmadı. Çok hoş bir görselle anlattı. Google uzun süredir bu tür olayları ve sanatçılarla ilgili …

Metrica for Apps

Yandex, ücretsiz internet ölçümleme servisiYandex.Metrica‘nın mobil uygulama geliştiricilerine özel sürümü olan Metrica for Apps‘i kullanıma sundu. iOS, Android ve Windows Phone …

Css Gradient Kodları

Merhaba arkadaşlar, css3’ün nimetleri saymakla bitmiyor. Bu dersimizde Gradient yani renk geçiş efekti koduna bakacağız. Normalde bu tarz renk geçişleri …