Home CSS3 / HTML5 Html5 Dersleri -1 | Html5 Nedir?
Html5 Dersleri -1 | Html5 Nedir?

Html5 Dersleri -1 | Html5 Nedir?

356
2

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)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlayarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(2)

  1. 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?

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.