Html5 Dersleri -1 | Html5 Nedir?
Html5 Nedir? diyerek, HTML5 derslerine sitemizde artık yer vermeye başlayacağız. Bildiğiniz gibi html nin yerini artık yeni sürümü olarak adlandırılan Html5 aldı. Html5 ‘in özellikle CSS3 ve JavaScript | JQuery ile normal(bir bütün) olarak çalışması, bütün browser ve cihazlar tarafından desteklenmesi HTML5 in eski versiyonundan farklı kılan özellikler olarak görülüyor. Ayrıca video-ses, geolocation, web storage gibi özellikleri barındırması ona kolay kullanılabilir güçlü ve kullanışlı bir yapı sunuyor.
Tabiki Html5‘in şu anki durumu bir geçiş döneminde olduğundan, bazı browserların desteklememesi, yani yapılan bazı işlevsel özelliklerin kullanılmaması durumunu ortaya çıkarmaktadır. Çok kısa zaman içinde browserlar Html5 geçişini tamamlayıp, kendilerini bu yeni sürümü tamamen destekler şekilde düzenlemeler yapılacağı kuşkusuz.
Html5 ile eski sürümde yer alan bazı kodlar gereksiz olarak adlandırılarak yerini sadeleşmiş kod yapılarına bıraktı. Html5 ‘in bu yapılanmasıyla birlikte artık birçok şey daha az kod geliştirerek yapılabilir hale geldi. Aşağıda sizlerin html5 in nasıl bir kod yapısına döndüğünü göstermek için bazı tagleri sunmak istedim
<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 elirler.
<figure> : Media türü içerikler için grup oluşturulur.
<hgroup> : Belgedeki bir bölüm hakkında tanılama yapılacak alanı sağlar.
HTML5 İLE YAPILMIŞ WEB SİTESİ YAPIMINI İZLEMEK İÇİN TIKLAYIN. |
DERS ANLATIMLARI
( Başlıklara Tıklayarak Diğer Derslere Geçebilirsiniz)
DERS1: HTML 5 Nedir? ve Html5 Anlatım
DERS2:Html5 Dersleri-2 | Header, Footer Elementleri Kullanımı
DERS3: Html5 Dersleri-3 | Nav Elementi Kullanımı
DERS4: Html5 Dersleri-4 | Article ve Section Elementi Kullanımı
DERS5: Html5 Dersleri-5 | Aside Elementi Kullanımı
DERS6: Html5 Dersleri-6 | video, audio Elementleri Kullanımı
(356)
Yorum(2)
Yorum bırakın Yanıtı iptal et
Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.
Bu konuda herkes tagları anlatmış birileride çıkıp dur ben html5 ve css3 ile bi siteyi tamamen bitireyim dese; böyle bir eğitim hazırlasa ne iyi olur :))
Ömer Bey çalışmalarınızı paylaştığınız için teşekkür ederim. Bazen çok hayat kurtarıcı olabiliyor 🙂 Buna karşılık bir arzunuz varmıdır?
html yi öğrendik boşunamı merak ettim 2014 html5 netleşiyor kısaca cvp alırsam sevinirim