1. Yeni Doctype
Eski uzun doctype;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Yeni kısa doctype;
<!DOCTYPE html>
2. Figure Elementi
Görsellere açıklama eklemek için aşağıdai gibi bir yöntem kullanıyoduk.
<img src="path/to/image" alt="About image" /> <p>Image of Mars. </p>
HTML5 ile gelen figure elementi ile görsellere,grafiklere içeriğiyle ilgili alt yazı eklemeyi sağlıyor.
<figure> <img src="path/to/image" alt="About image" /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure>
3. Script ve Link
CSS ve .js dosyalarını eklerken type bildiriyorduk.
<link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" /> <script type="text/javascript" src="path/to/script.js"></script>
HTML5 ile type bildirimi kalktı.
<link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script>
4. Header ve Footer Elementi
Web sayfamızda header ve footer kısımlarını aşağıdaki gibi div ile belirliyoduk.
<div id="header"> ... </div> <div id="footer"> ... </div>
HTML5 ile header ve footer için özel taglar geldi.
<header> ... </header> <footer> ... </footer>
5. Audio Elementi
HTML5 ses dosyalarını çalmak için <audio> tagını getirdi.
<audio autoplay="autoplay" controls="controls"> <source src="file.ogg" /> <source src="file.mp3" /> </audio>
Özellikleri
autoplay: Ses dosyasını otomatik olarak çalıştırır.
controls: Play pause ve ses seviyesi kontrollerini gösterir.
loop: Ses dosyasının sürekli çalışmasını sağlar.
preload: Ses dosyasının otomatik olarak çalışmamasını sağlar.
src: Ses dosyasının yolunu belirtir.
6. Video Elementi
HTML5 video desteği geldi.Şimdilik Ogg ve MPEG 4 olmak üzere 2 adet video formatını desteklemektedir.
<video controls preload> <source src="cohagenPhoneCall.ogv" type="video/ogg; codecs='vorbis, theora'" /> <source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'" /> <p> Your browser is old. <a href="cohagenPhoneCall.mp4">Download this video instead.</a> </p> </video>
Özellikleri
autoplay: Video dosyasını otomatik olarak çalıştırır.
controls: Play düğmesinin kontrolünü belirtir.
height: Video dosyasının yüksekliğini gösterir.
loop: Video dosyasının sürekli çalışmasını sağlar.
preload: Video dosyasının otomatik olarak çalışmamasını sağlar.
src: Video dosyasının yolunu belirtir.
width: Video dosyasının genişliğini gösterir.
Yorum Yap