HTML5: Giriş

15 Nisan 2017

HTML5, yeni bir HTML standardıdır. Artık ekstra bir koda gerek kalmadan; ses dosyası çalabilecek, video dosyası oynatabilecek, sürükle ve bırak gibi birçok yeni özelliği kullanabileceğiz. HTML5 öğrenmek için HTML/XHTML biliyor olmanız gerekmektedir. Bir önceki sürüm olan HTML 4.01, 1999 yılında geliştirilmişti. O tarihten bu yana web üzerinde pek çok şey değişiklik yaşadı. HTML5 sürekli geliştirilmeye devam etmektedir.

HTML5, World Wide Web Consortium (W3C) ile Web Hypertext Application Technology Working Group (WHATWG) iş birliğidir. WHATWG, web formları ve uygulamalar üzerinde çalışıyordu. W3C ise XHTML 2.0 üzerinde çalışıyordu. 2006 yılında HTML'in yeni bir sürümünü çıkartmak için iş birliği yapmayı kararlaştırdılar.

HTML5 için bazı kurallar belirlendi: Yeni özellikler HTML, CSS, JavaScript ve DOM tabanlı olmalıydı. Yaygın olarak kullanılan Adobe Flash Player gibi dış eklentilere olan ihtiyaç azaltılmalıydı. Hatalar daha iyi ayıklanabilmeli, aygıt bağımsız şekilde çalışmalı ve geliştirme süreci herkes tarafından takip edilebilir olmalıydı. Bunlarla beraber HTML5, kullanıcıların minimum seviyede doküman ihtiyacı duymasına imkân sağlıyor.

HTML5 üzerinde DOCTYPE bildirimi, önceki HTML sürümlerine göre oldukça basittir.

<!DOCTYPE html>

Standart bir HTML5 belgesi oluşturmak için gerekli etiketler, anlaşılır ve basittir.

<!DOCTYPE html>
<html>
    <head>
        <title>Doküman başlığı</title>
    </head>
    <body>
        Doküman içeriği
    </body>
</html>

HTML5 için henüz resmi bir standart yok ve tarayıcıların hiçbirinde tam anlamıyla desteklenmiyor. Kısmen de olsa gelişmiş tarayıcılar (Opera, Mozilla Firefox, Safari, Google Chrome ve Internet Explorer'ın son sürümü) en son sürümlerine yeni HTML5 özelliklerini eklemeye devam etmektedirler.

Yapı elementleri: <article> • <aside> • <bdi> • <command> • <details> • <summary> • <figure> • <figcaption> • <header> • <footer> • <hgroup> • <mark> • <meter> • <nav> • <progress> • <ruby> • <rt> • <rp> • <section> • <time> • <wbr>

Yeni medya elementleri: <audio> • <video> • <source> • <embed> • <track> • <canvas>

Yeni form elementleri: <datalist> • <keygen> • <output>

Kaldırılan elementler: <acronym> • <applet> • <basefont> • <big> • <center> • <font> • <frame> • <frameset> • <noframes> • <strike> • <tt>

Bağlantılı dersler:
HTML5: Ses dosyası ekleme
HTML5: Video dosyası ekleme
HTML5: Sürükle ve bırak özelliği