Makale tanımlayacağınız alanlarda SEO ve kolay kod yazımı için tasarlanmış olan semantik ve akılda kalıcı bir etiket.
İçerik bölümünde bulunmayan kısımlara özel bir stil sınıfı oluşturmadan rahatlıkla düzenleyebileceğiniz bir dış alan sağlar.
Metnin veyahut içeriğin belirli bölümlerini semantik olarak tanımlamanızı sağlar. Bu etiketle birlikte video ve ses etiketlerini kullanarak hiyerarşik bir sanal div yapısı oluşturabilirsiniz.
Form elemanı tanımlarken kullanılan uzun argümentler yerine, belirli alan için hızlı bir şekilde tıklanabilir buton oluşturmaya yarar.
Arama motoru botları için hazırlayabileceğiniz alanlarda kullanabilirsiniz, belirli ziyaretçilere göstereceğiniz alanları rahatlıkla düzenleyebileceğiniz bir etiket. Altı çizilmesi gereken nokta, SEO için farklı içerikten çok Flash gibi direkt olarak erişilemeyen içeriklerin detaylarını paylaşabileceğiniz metin kısımları. (Flash içeriklerin içerisindeki yazılara arama motoru botları direkt olarak erişemeyebilir, çoğunlukla ek olarak kullanıcıya görünmeyen divler oluşturup, botlara sunarız. Ama bu etiket bunu kolaylaştırmakta.)
Bir önceki etiketin özetini veya başlığını belirtebileceğiniz yardımcı etiket, seni sistem stabil hale geldikten sonra etiketleri kadar önemi olacaktır diye düşünülmekte.
Resimlerin dışarıdan çağırıldığı veya HTML5 teknolojisi ile sunucuda oluşturulduğu Canvas çalışmalarda; görselleri, videoları, diyagramları belirtebileceğiniz etiket.
Figür belirten etiketin başlık kısmını tanımlayabileceğiniz, açıklayabileceğiniz kısım etiketi.
Alt bilgi veya sitenin alt bölümü için ayrı sınıf oluşturmadan çalışma yapabileceğini etiket.
Sitenize üst bilgi veyahut üst bölümlerin düzenlenmesi için ayrı sınıf açmadan çalışma alanı sağlayan destekleyici etiket.
Vurgulanmak istenen yerleri belirten ve tarayıcı tarafından anlamlaştıran etiket. Buna belirli stiller tanımlayarak altı çizili, kalın, italik gibi özellikler katabilirsiniz. Default halinde herhangi bir görsel özellik tanımlanmıyor.
Sayfanızın büyüklüğü veya sitenizin ölçüleri ile alakalı esnek olmayan çalışmalarınızda cetvel ölçüsü gören etiket. Canvas çalışmalarda koordinat belirtirken işe yaramakta.
Hiyerarşik link yapıları kullanırken, BreadCrumb özelliğinin vurgulanabileceği bir etiket. Arama motoru optimizasyonu standartlarında, anlaşılabilir stabil bir yapıdadır.
Çalışan bir sistem belirtiyorsanız, örneğin hareket eden bir cisim, yazı, video veya görsel ayrıntılar, bu etiket işinize yarayacaktır. Arama motoru botları bu alanlar için detay kısımlarını önemserler.
Önemli parantez içi açıklamaları görünür olmayacak şekilde kısa olarak belirmenizi sağlar.
Telaffuz ile alakalı düzenlemeleri belirtebileceğiniz, dipnotlar geçebileceğiniz bir etiket. Bir önceki etiket ile farkı henüz olarak default olarak tanımlı değildir.
Tarayıcının desteklemediği alanlarda gösterilmesini istediğiniz şeyleri açıklar ve ekrana basar. Yani tarayıcıya özel tasarımlarda işimize yarayan bir etiket. Önemli bir detay, dış kütüphane olmadan (jQuery gibi) çalışması henüz stabil halde değildir.
Ürettiğiniz veya oluşturduğunuz içerikte bir bölüm ayrıştırabilmenize olanak sağlar.
Bir zaman veya tarih belirtebileceğiniz etiket.
etiketinin kullanımına benzerdir, ama dış kütüphane veya stil tanımlaması olmadan çalışmamaktadır.
Yeni etiketler ile alakalı bir kısım açıklamaları dilim döndüğünce anlatmaya çalıştım, etiketlerin bir kısmı stabil oranda tarayıcılar arasında destek görememekte. HTML5 tamamen kabul gördüğünde ve standartlara arasına girdiğinde çoğu web tasarım işiyle uğraşan arkadaşımız rahatlayacaktır diye düşünüyorum. :) Bu makalede belirttiğim etiketler ve semantik yapı elemanları daha çok arama motoru optimizasyonunda işimize yaracak şeylerdi. Medya ve görsel projelerde kullanılabilecek elemanları ise ayrı bir makalede ele almaya çalışacağım. Bilgiler ve argümentlerin kullanılabilir açıklamalarınıw3schools.com adresinden edindim, kendi yorumlarımla zenginleştirmeye ve daha da anlamlaştırmaya çalıştım. Yorumlarınıza açığım, herkese HTML5'li günler diliyorum. :)
Kaynak: HTML5 Yeni Semantik Yapı Elemanları
