23-11-2020 Saat 00:52
HTML5 Nedir, Nasıl Kullanılır ve Faydaları Nelerdir
TML5, web siteleri oluşturmak için kullanılan hiper-metin işaretleme dilinin son sürümüdür.
![[Resim: html5-nedir.png]](https://www.ws.com.tr/Content/img/html5-nedir.png)
Önceki sürümleri ile aynı özellikleri sunmakla birlikte, fırsatlar dünyasının kapılarını açmak için birçok yeni özellikleri bulunmaktadır. Ancak, bazı web yöneticileri zaman harcamaya değmez korkusuyla, HTML5 diline geçiş yapmakta şüpheciler. Eğer siz de hala şüpheci olanlardansanız, aşağıda listelenen HTML5 dilinin üstün faydalarından bazılarına göz atmanızda fayda var.
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.
Önceki sürümleri ile aynı özellikleri sunmakla birlikte, fırsatlar dünyasının kapılarını açmak için birçok yeni özellikleri bulunmaktadır. Ancak, bazı web yöneticileri zaman harcamaya değmez korkusuyla, HTML5 diline geçiş yapmakta şüpheciler. Eğer siz de hala şüpheci olanlardansanız, aşağıda listelenen HTML5 dilinin üstün faydalarından bazılarına göz atmanızda fayda var.
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.
