HTML5 Nedir, Nasıl Kullanılır ve Faydaları Nelerdir

Aymira Yazılım Bilişim Aymira Yazılım Bilişim

29 Eylül 2018 Yazılım Dilleri (132) /Asp.Net MVC (109) (47)

HTML5 Nedir, Nasıl Kullanılır ve Faydaları Nelerdir

Paylaşmak güzeldir. Lütfen sizde paylaşın...


HTML5, web siteleri oluşturmak için kullanılan hiper-metin işaretleme dilinin son sürümüdür.

Hyper Text Markup Language kelimelerinin, Türkçe ifade ile "Zengin Metin İşaretleme Dili"nin baş harflerinin kısaltması olan HTML, CERN'de müteahhit olarak çalışan Tim Berners-Lee tarafından 80'li yıllarda geliştirilen, 90'lı yıllarda ise adının konduğu bir web standartıdır. Tim Berners-Lee aynı zamanda açılımı WorldWideWeb Consortium olan W3C'nin de kurucusudur. Bu kısım sizin için önemli çünkü W3C bugün tüm web tarayıcılarındaki standartı belirleyen uluslararası bir organizasyondur.

HTML5 Dilinin Fayfalarını Maddeler Halinde Sıralıyoruz

1) Dahili ses / video oynatabilme

Bir önceki HTML sürümlerinde web yöneticileri ses ve videoyu oynatmak için, Adobe Flash Player, Quicktime veya Silverlight gibi üçüncü parti programları kullanmak zorunda kalırlardı. Bu da sık sık hatalarla sonuçlanırdı. Web tabanlı medya oynatma işlemi hatalarla sonuçlanan web sayfalarının doğmasına sebep olurdu. HTML5 video ve ses yürütmek için tam destek ile bu sorunu çözmüştür.

İşte HTML5 video oynatma koduna bir örnek:

<video poster="film.jpg" controls>

<source src=”film.ogg" type="video/ogg">

<source src="film.mp4" type="video/mp4">

Tarayıcınız <code>video</code> yürütücüsünü desteklemiyor.

</video>

Yukarıdaki İki dosya içeren kod arasında nasıl fark bir fark var? Bu kod tarayıcılar için uyumlu bir seçim yapılmasını sağlar. Bir ziyaretçinin web tarayıcısı .ogg biçimini desteklemiyor ise bu listede bir sonraki dosyayı (mp4) yürütmek üzere hareket edecek.

2) Çevrimdışı önbelleğe alma

Geçmişte sitenin ziyaret edildiğini varsayarsak; HTML5 de ziyaretçilerin aktif internet bağlantısı olmadan bir web sayfasında belirli öğeleri yükleyebilirsiniz. Bir ziyaretçinin internet bağlantısı kopsa bile o sitenin temel unsurları yüklenebilir, web sitesi çalışır durumda görüntülenebilir.

HTML5 ile, web yöneticileri ziyaretçilerin kullandığı tarayıcıların  hangi dosyaları saklayacağını tanımlarak tasarruf sağlayabilir. Çevrimdışı önbelleğe alma HTML5 ile bütünüyle yeni olan bir şeydir.

3) Temiz Kod

Dağınık HTML kodlu uzun bir sayfaya bakarak nefret mi ediyorsunuz? Kötü kod ile inşa edilmiş bir web sitesinde temel değişiklikleri yapmaya çalışmak bile bir kabusa dönüşebilir. HTML5 geliştiriciler için daha kolay temiz kod sunmak için geliştirilmiş, aynı zamanda gelişmiş arama motoru optimizasyonu için tasarlanmıştır. Arama motorlarının bir web sitesinin içeriğini daha kolay 'anlayabilmesi' genellikle daha yüksek arama sıralaması olarak geri kazanç sağlar.

4) Çapraz Tarayıcı Uyumluluğu

HTML5'in bir dördüncü faydası ise Firefox, Internet Explorer, Chrome, Safari ve Opera dahil olmak üzere önemli web tarayıcılarının tümüyle çapraz uyumlu olmasıdır. Bu durum bahsi geçen tarayıcıların HTML5'in tüm öğelerini destekleneceği anlamına gelmez, fakat bu durumda dahi en azından doküman türü okumak mümkün olabilmektedir.

5) Mobil Optimizasyon

Hala HTML5 kullanmak için başka bir nedene ihtiyacınız varsa, bunlardan birisi de mobil web siteleri ve uygulamaları oluşturulması için optimize edilmiş olmasıdır. Duyarlı (responsive) web siteleri, mobil cihazların her türlü çözünürlükleri arasında tam işlevsellik sunan HTML5 kullanılarak inşa edilmiştir. Yatay kaydırmaya gerek kalmadan, mobil internet kullanıcıları daha verimli olarak web sitelerine göz atabilir.

HTML5 Kullanarak Güncel Siteler Oluşturabilirsiniz

Son tahlilde: HTML5 yalnızca temiz bir kodlama sağlamakla kalmaz; işinizi kolaylaştırmanın beraberinde tarayıcıların sitenizi doğru biçimde görüntülemesine yardımcı olur. İçerdiği güncel kod parçacıkları sayesinde oldukça verimli bir içerik oluşturmanıza olanak sağlar.


Paylaşmak güzeldir. Lütfen sizde paylaşın...



Herkesyazar Ara