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.

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)