HTML5 sayfalarının dinamik yani gelen taleplere anında cevap verebilmesi ve etkileşimli (interactive) olabilmesi için bir betik diline ihtiyacı vardır. Bu dil, günümüz uygulamalarına baktığımızda en yaygın dil olan JavaScript dilidir. JavaScript, HTML5 içine gömüldükten (embedded) sonra çalışır. JavaScript kodlarını HTML5 içine gömmek için etiketlerine ihtiyaç vardır.
Bu bölümde HTML5'in girdi (input) elemanlarını tanıyacağız. etiketi, etiketleri arasında yer alır ve kullanıcının bilgi girişi yapacağı alanları tanımlar. HTML5, aşağıda verilen yeni girdi tiplerini sunar: * color: alanı için renk tanımlamakta kullanılır. * date: Kullanıcıya bir takvim içinden zaman işaretleme olanağı sağlar. * datetime: Kullanıcıya tarih ve zaman seçme olanağı sağlar. * datetime-local * email: Bir e-posta alanı olması gereken giriş alanları içi...
Bir web çalışanı ya da işçisi (web worker), arka planda çalışan ve sayfanın performansını etkilemeyen bir JavaScript kodudur. Bir HTML sayfası çalışırken, çalışan betik sona erene kadar sayfa cevapsız hale gelir yani reaksiyon alınamaz. Oysa bir web işçisi, diğer betiklerden bağımsız olarak arka planda çalışan ve sayfanın performansını etkilemeyen bir koddur. Web işçisi arka planda çalışırken yapmak istediğiniz şeyi yapmaya devam edebilirsiniz; mesela bir düğmeyi tıklayabilir, bazı elemanları s...
HTML5'te web sayfaları, veriyi yerel (local) olarak, tarayıcı (browser) içinde saklayabilir. Veri, sadece sorgulama olduğu zaman kullanılır; eskisi gibi sunucunun her talebinde verinin tekrar yüklenmesi söz konusu değildir. HTML5'in bir diğer büyük avantajı ise, web sitesi ya da mobil uygulamanın performansını kötü etkilemeden, büyük miktarlarda veri depolama olanağı sağlamasıdır. Veriyi, yerelde saklamak için HTML5'in sağladığı iki yeni nesne mevcuttur: * localStorage: Son kullanma tarihi söz k...
HTML5'te, tarayıcıdaki çeşitli eylemleri harekete geçirmek üzere, olaylar (events) kullanabilirsiniz; örneğin kullanıcı fareyi tıklayınca bir JavaScript kodunu devreye sokabilirsiniz. HTML5, aşağıdaki tipte olayları kullanıma sunmaktadır: * Fare (mouse) olayları: Fare aracılığıyla gerçekleştirilen olaylardır. * Çokluortam (media) olayları: Ses, görsel, video tarafından meydana getirilen olaylardır. * Klavye (keyboard) olayları: Bilgisayar klavyesi aracılığıyla meydana gelen olaylardır. * Form ol...
HTML5'te, Geolocation API'ları sayesinde, sayfanızı ziyaret edenler, kendi fiziksel konumlarını sizin web uygulamanızla paylaşabilirler. Bu tür uygulamalarda tarayıcı, kullanıcının konumunu paylaşmak isteyip istemediğini soracaktır. O andaki konum bilgisi ve ziyaretçinin IP adresi, en yakın kablosuz ağ erişim noktasından alınır. Bulunduğunuz enlem ve boylamı, JavaScript yardımıyla belirleyip arka planda web sunucusuna gönderebilirsiniz. Sonuç olarak belirlenen konumu harita üzerinde gösterebilir...
Bir biçim (style) sayfasını eklemenin üç farklı yolu mevcuttur: Dış stil sayfası (External Style Sheet), İç stil sayfası (Internal Style Sheet), Çevrimiçi (Inline) stil. DIŞ STIL SAYFASI Stil çok sayıda sayfaya uygulanacaksa, dış stil sayfası kullanmak uygun bir yöntemdir. Dış stil sayfasıyla, bütün web sayfasının görünümünü sadece bir tek dosyayla oynayarak gerçekleştirebilirsiniz. Her sayfa, etiketiyle, stil sayfasına gönderen bir bağlantı içermelidir; etiketi head bölümünün için...
Internet Explorer 8 ve önceki sürümlerde boşluk (padding) ve sınır (border), genişlik özelliği içine katılıyordu. Internet Explorer 8 ve öncesi sürüm web tarayıcılarla uyum probleminden kaçınmak için, HTML sayfasına ifadesini ekleyiniz. Örnek bir ifadesini aşağıda bulabilirsiniz:
