HTML5 ile Gelen Yenilikler
HTML5, HTML dilinin en son sürümüdür. Bu yeni sürüm ile HTML dili yeni stratejiler ve hedefler ortaya koyan ve farklı web tarayıcıları için standardizasyonu amaçlayan yeni nesil bir teknoloji olarak görülmektedir.
HTML5, 2014 yılında W3C (World Wide Web Consortium) desteğiyle daha önceki sürümlerin birçok özelliğini barındırmakla beraber yeni oluşturulan ve güncel ihtiyaçlara cevap verebilecek teknoloji olarak piyasaya sürülmüştür.
HTML5'in Temel Özellikleri
HTML5, önceki sürümlerle uyumlu olmakla beraber sadeleştirilmiş ve düzeltilmiştir. Gelişmiş çoklu ortam desteği sunmaktadır.
HTML5, üçüncü parti yazılımlara ve eklentilere ihtiyaç duymadan çoklu ortam ve grafik görüntüleri oynatabilir.
HTML5, kompleks web uygulamaları için, konum belirleme, sürükle bırak, yerel depolama gibi yeni API’ler sunar.
JavaScript ve CSS teknolojilerinin daha etkili bir şekilde kullanımına imkân tanır.
HTML5 ile Değişen Etiketler
HTML5, HTML'in eski sürümlerinden bağımsız bir sürüm olmayıp daha önceden kullanılan standartlar hâlâ devamlılığını sürdürmektedir.
HTML5 ile ilgili ilk yenilik DOCTYPE alanına gelen değişiklikle olmuştur. Kullanımı şöyledir: <!DOCTYPE html>
Değişikliğe gidilen bir diğer etiket ise META etiketidir. Kullanımı şöyledir: <meta charset="UTF-8">
HTML5’te style ve script etiketlerinin kullanımında da değişikliğe gidilmiştir. Kullanmımı şöyledir: <style> css kodları </style>
HTML5 ile Yeni Semantik-Anlamsal Etiketler
<article> içeriğin makale, haber olduğunu belirler.
<aside> içeriğin ana içerik yanında harici içerik olduğunu belirler.
<details> özet için detay bilgi tanımlar.
<figcaption> <figure> etiketiyle beraber kullanılır, başlık belirtir.
<figure> içeriğin resim, şekil gibi görsel olduğu belirtir.
<footer> sayfanın alt bölüm bilgisi olduğunu belirtir.
<headar> sayfanın üst bölüm bilgisi olduğunu belirtir.
<mark> içeriğin vurgulanmış olduğunu belirtir.
<nav> içeriğin menü değeri olduğunu belirtir.
<progress> görev ilerleme çubuğu tanımlar.
<section> içeriğin sayfanın bir bölümü olduğunu belirtir.
<summary> <details> etiketiyle kullanılır, başlık tanımlar.
<time> içeriğin tarih/saat olduğunu belirtir.
HTML5 ile Yeni Form Elementleri
<datalist> veri girişi için önceden tanımlanmış seçeneklerin bir listesini belirtir. Kullanıcılar, veri girdiklerinde önceden tanımlanmış seçeneklerin açılır listelerini görürler.
<keygen> kullanıcıların kimliğini doğrulamak için güvenli bir yol sağlamaktır. Form gönderildiğinde, biri özel, biri de genel olmak üzere iki anahtar oluşturulur. Özel anahtar yerel olarak saklanır ve genel anahtar sunucuya gönderilir.
<output> hesaplama veya komut sonucunu temsil eder. HTML5 teknolojilerinin kullanımının web sayfalarında yaygınlaştığı görülmektedir. Google başta olmak üzere Facebook, Twitter, LinkedIn, Apple gibi büyük yazılım firmaları tercih etmektedir.