Flashcentury
Twitter
Facebook
Linkedin
Rss
Html5 Muhteşem Özellikleriyle Karşımızda

Html5 Muhteşem Özellikleriyle Karşımızda

Yazar Huseyin Kocak

Kategoriler: HTML

Web programlama dillerinin ana kodlama programı Html bugğne kadarki versiyonlarında biraz zayıf çok fazla işlevi olmayan bir kodlama dili olarak karşımızdaydı. Bu durum beraberinde Css, JavaScript gibi tamamlayıcı programlama dillerinin çıkmasınada sebep oldu. Namı değer world Wide Web (w3.org) Html ‘yi yepyeni özelliklere kavuşturmak için HTML 5 üzerinde çalıştıklarını duyurmuşlardı. Bir süredir konuşulan HTML 5 Firefox 3.5 ile birlikte kısmende olsa kullanılmaya başladı.

Yeni versiyonda <header>  <footer> <nav> <canvas> <video> <audio> <progress> gibi karika yeni özellikler gelirken. Uzun zamandır yerini Css bırakmış olan <center>, <font> gibi özellikler kaldırılmış.

Yeni Kodların Bağzılarını inceliyelim :
<canvas> : Bence Html 5 ‘in en muhteşem özelliği. sayfada bir alan oluşturur ve bu alana Javascript yardımıyla bir programı html dosyanızın içine alabiliyorsunuz.
Örnek : canvaspaint.org (paint uygulaması)
Örnek : Inanılmaz bir 3D tetris oyunu

video : Bu tag ile video dosyalarınızı cağırıp zahmetsizce videolarınızı ziyaretcilerine izletebilirsiniz.
örnek için buraya tıklaynız.

audio : Müzik dosyalarınızı yayınlamak için player oluşturur.

header : Üst alan oluşturur. (Css ile uzun saatler alan ayarlamalardan kurtarır)

footer : Alt alan oluşturur

nav : Menu gibi kolonlar olurturur.

Geolocation : Ziyaretcinizin harita üzerindeki konumunu belirlemek için.
örnekler için buraya ve buraya bakabilirsiniz.

PostMessages : Tarayıcıya mesaj göndermenizi sağlar.
örnek için buraya tıklayınız.

Drag&Drop : Sürükle bırak özelliği.
örnek için buraya ve buraya tıklayınız.

Drag Anything : Sayfa içindeki elemetleri sürükleyip başka bir elementin içerisine koyabiliyoruz.
örnek için buraya tıklayınız.

Süper değilmi :) Şimdi sıra kötü haberde ; malesef internet explorer Html 5 ‘i şimdilik desteklemiyor, Microsoftun bu tutmu sayesinde neredeyse bütün web proramcılarını İnternet Explorer ve Microsoft ‘tan nefret ettirdi. Html ‘i kullanmak için iki seçenek var ya Sadece Firefox, opera, safari tarayıcısına sahip internet kullanıcılarını hedefleyıp inernet Explorer ‘i görardı edeceğiz yada Microsof ‘tu bekleyip belki Internte Explorer 9 versiyonunda Html 5 desteği verir ilerleye umut edeceğiz. Yani kısacası bekleyeceğiz.

Html 5 ile ilgili yeri geldikçe makaleler yazıp nasıl kullanıldığı hakkındaki bilgilerimi sizlrle paylaşacağım fakat bu konuda daha çok bilgi alamak için aşağıdaki bağlantıları ziyaret edebilirsiniz.

- w3.org Html 5 Resmi Sitesi.
- Html 4 ve Html 5 arasındaki farklar.
- Html 5 Parametreleri.
- Html 5 Reference

Bu Yazıyı Paylaşın

Facebook Twitter StumbleUpon del.icio.us Digg Reddit Technorati RSS

19 Ocak 2010

Benzer Yazılar

    • No Related Post

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

2 Yorum Comments For This Post I'd Love to Hear Yours!

  1. TGA diyor ki:

    Sizlere HTML5 bazı özellikleri göstereyim
    HTML5 video nazıl izlenir : http://html5demos.com/video
    ve diğerleri için bu adres gidiniz http://html5demos.com/

  2. TGA diyor ki:

    HTML 5 ; HTML dilinin son sürümüdür. Mozilla Firefox ve Opera tarayıcılarının güncel sürümleri tarafından kısmen desteklenmektedir, Google Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde, deneme aşamasında da olsa çok daha iyi bir şekilde çalışmaktadır. Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda kodlanırsa kodlansın, yine de fazladan yazılan kodların işlevselliği bozduğu bilinmektedir. Bu yüzden HTML 5 bu ihtiyaçları karşılamak adına geliştirilmeye başlanmıştır. Vidyo paylaşım sitesi Yotube, deneme aşamasında HTML 5 i kullanıcılarına sunmaktadır. Yotube-TestTube üzerinden etkinleştirilebilir.

    Yeni Elementler
    * <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.

Leave a Comment Here's Your Chance to Be Heard!