HTML5 özellikleri uzun zamandır kodlarımız arasında birçok özelliği ile yer aldı bu özelliklerinden biride genellikle css ile kazandırdığımız özellik olan gizle/göster özelliğidir. Attribute ile göster gizle olayını nasıl sağlarız makale devamında göreceğiz.
Etiket: html5
Aslında başlıkda belirtmiş olduğum şeyi css ile ufak bir backgroun-color özelliği kullanarakda yapabilirdik fakat etiketler kullanarak css kullanmadan alternatifler olduğunu görmek çoğu yerde işimize yarabilmektedir.
HTML5 ile beraber gelen ve neredeyse flash ile yapabileceğiniz işlemleri CSS3 desteğinide işin için katınca sınırın sadece hayal gücü ile mümkün olduğu bir web teknolojisi ile karşı karşıya kalıyoruz. Fakat kod yazmaktan ziyade araçlar ile HTML5 animasyonları hazırlamak mümkün.
Günümüzde CSS3 ve HTML5 teknolojileri ile beraber çok şık tasarımlar ortaya çıkmakta biz bu örneğimizde CSS3’ün bazı özelliklerini kullanarak tam ekran arkaplan’ın nasıl yapıldığını göreceğiz.
Başlıkta’da belirtildiği gibi HTML5 ile gelen datalist ile input nesnesi için veri listesi hazırlayabilirsiniz örnek olarak range türü için aralık, color için renk listesi, text için otomatik tamamlama gibi özellikleri datalist veri listesi oluşturarak kullanabilirsiniz.
HTML5 ile beraber gelen yeniliklerden biride color input türüdür bu input ile kullanıcıdan renk seçimi yapmasını sağlayabiliyoruz. Makalenin devamında hangi tarayıcılarda çalıştığı ve çalışmayan tarayıcılar için ne yapılacağı anlatılmıştır.
HTML5 ile beraber gelen multimedia uygulamalarından biri olara audio etiketi ile ses dosyarını oynatmak için artık flash etiketlerine falan ihtiyacınız kalmamaktadır. Çok kolay bir şekilde mp3, ogg, m4a gibi ses dosyalarını oynatabilirsiniz.
Aslında başlıkta bahsettiğimiz gibi bu bir sıkıntı değil olması gereken durum çünkü yeni nesil tarayıcılarda date türündeki input nesnesi için ekrana giriş yapacağı tarih formatını daha önce maskedinput’da kullandığımız gibi bir maske uygulanmaktadır.
HTML5 LocalStorage, Çoğu web geliştirici çerez’in ne olduğunu ve ne işe yaradığını bilir kullanıcının bilgisayarını bir depo olarak kullanıp kullanıcının daha sonra siteyi ziyaret etme durumunda çereze kaydettiğimiz bilgiyi elde edip tekrar aynı işi yapmamak adına kolay bir çözüm yolu olabilmektedir.
HTML5 SessionStorage, Asp.net kullanıcıları session kelimesine aşinadırlar veya bilmeleri gereklidir session ile kullanıcının o anki oturumunda saklanacak veriler belirlenir veya o anki oturumda ihtiyaç olunan veriler session’dan alınır.
Bu makalemizde HTML5 ile beraber gelen yeniliklerden biri olan açılır liste elemanlarını gruplamayı göreceğiz belkide en gerekli veya en sık kullanılabilecek yeniliklerden biri diyebiliriz makalemizin devamında ayrıntılı bilgi ve örneğe ulaşabilirsiniz.
HTML5 GeoLocation ile harita üzerinden konumunuzu kolayca javascript desteğiyle öğrenebilirsiniz bunun için yapmanız gereken sadece makalenin devamındaki google maps’e ait kütüphane linkini sayfanıza eklemek ve kütüphane kullanımına ait örneği denemek.
Hgroup etiketi, Html5 ile gelen bu özellik ile kullanacağımız başlık etiketleri olan h1..h6 arasındaki başlık etiketlerinden birden fazla kullandığımızda başlıklarımızı gruplamak için kullanabileceğimiz etikettir makalenin devamından bu yeni etiket hakkında bilgi alabilir ve örneğe gözatabilrisiniz.
