Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR
description
Transcript of Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR
![Page 1: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/1.jpg)
Rafet DURGUTDoç. Dr. Abdülkadir ÇAKIR
HTML5’İN SUNDUĞU YENİLİKLER VE ÖRNEK BİR UYGULAMA
![Page 2: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/2.jpg)
HTML ( Hyper Text Markup Language )
![Page 3: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/3.jpg)
HTML5
Daha az eklenti
Geliştirici odaklı
Geliştirilmeye açık
Güçlü
Kısa ve öz
<!DOCTYPE html>
![Page 4: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/4.jpg)
Destekçileri
• Apple (apple.com/html5/)
• Google (html5rocks.com)
• Mozilla (developer.mozilla.org/en-US/docs/HTML/HTML5)
• Microsoft (http://ie.microsoft.com/testdrive/)
• Youtube (http://www.youtube.com/html5)
• Facebook (https://developers.facebook.com/html5)
![Page 5: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/5.jpg)
HTML4 vs HTML5
Yeni Etiketler
Tarayıcı Destekleri
Anlamsal Ağ
Uygulama Programlama Arayüzleri
Çoklu Ortam Erişimleri
Web Form Özellikleri
Güvenlik
![Page 6: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/6.jpg)
Yeni Etiketler
section article footer nav hgroup header
figure figcaption aside video audio track
embed mark progress time ruby rt
rp bdi wbr canvas command details
datalist keygen output
![Page 7: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/7.jpg)
![Page 8: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/8.jpg)
Uygulama Programlama Arayüzleri (UPA)
video audio draganddrop
geolocation atob btoa
print webworker webstorage
websocket
![Page 9: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/9.jpg)
UPA örnekleri
![Page 10: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/10.jpg)
Anlamsal Ağ (Semantic Web)<div class=”makale”>
<h1>Makale Başlığı</h1><p >Makale İçeriği</p><div class=”makaleDetaylari”> Detaylar </div>
</div>
<article><h1> Makale Başlığı</h1><p>Makale İçeriği</p><details>Detaylar</details>
</article>
![Page 11: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/11.jpg)
Çoklu Ortam Erişimleri
• Eklentilere gerek yok.• Zengin format desteği (Mp4, Ogg,WebM).• Geliştirmelere sahip.
![Page 12: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/12.jpg)
Yeni Web Form Özellikleritelsearchurlemaildatetimedatemonthweektimedatetime-localnumberrangecolorplaceholderrequired
![Page 13: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/13.jpg)
HTML4
<form> <input name="email" type="text">
HTML5
<input type=email required>
onaylama süreci
(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])
![Page 14: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/14.jpg)
Güvenlik
x Güvenlik açıkları ihtimalix Yakın takip gereksinimi
![Page 15: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/15.jpg)
Tarayıcı Destekleri
![Page 16: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/16.jpg)
Platform Bağımsızlığı
• Çoklu platform desteği• Native ve Hybrid uygulamalar• Tek noktadan kontrol
![Page 17: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/17.jpg)
![Page 18: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/18.jpg)
Örnek bir uygulama
![Page 19: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/19.jpg)
Genel Yapı
![Page 20: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/20.jpg)
Anlamsal Yapı
![Page 21: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/21.jpg)
Anlamsal Yapı
![Page 22: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/22.jpg)
Anlamsal Yapı
![Page 23: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/23.jpg)
Anlamsal Yapı
![Page 24: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/24.jpg)
Performans
![Page 25: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/25.jpg)
Performans
![Page 26: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/26.jpg)
Platform Desteği
![Page 27: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/27.jpg)
Sonuç
![Page 28: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/28.jpg)
Dinlediğiniz İçin Teşekkürler
![Page 29: Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR](https://reader033.fdocuments.net/reader033/viewer/2022052414/568151ff550346895dc03d85/html5/thumbnails/29.jpg)
Sorular