HTML5

01 / 19
HTML5, slide 1 dari 19

Ringkasan

HTML5 adalah revisi kelima dari HTML yang disetujui sebagai standar penuh oleh W3C pada 28 Oktober 2014 dan kini dikelola sebagai HTML Living Standard oleh WHATWG. Ia menggabungkan struktur, presentasi, dan perilaku menjadi satu platform yang lebih kaya, menghilangkan kebutuhan plugin pihak ketiga melalui dukungan native untuk multimedia (<audio>, <video>), grafis (<canvas>, SVG), dan elemen semantik yang menjelaskan makna konten.

Elemen semantik seperti <header>, <nav>, <main>, <article>, <section>, <aside>, dan <footer> menggantikan penggunaan <div> generik, sehingga memperjelas hierarki halaman bagi browser, mesin pencari, dan teknologi aksesibilitas. Selain markah, HTML5 mendefinisikan berbagai API JavaScript seperti Web Storage, Geolocation, Drag and Drop, Web Workers, History, dan WebSocket yang memperluas kemampuan aplikasi web offline, real-time, dan interaktif.

Dengan menekankan aksesibilitas ( atribut alt, label, struktur heading logis ) dan SEO ( markup semantik yang membantu pemahaman hierarki konten oleh crawler ), HTML5 memberikan fondasi yang solid untuk membangun website yang responsif, mudah diakses, dan mudah ditemukan di mesin pencari.

Tips

  • Gunakan elemen semantic sesuai makna konten (misalnya <article> untuk posting blog, <nav> untuk navigasi utama) bukan sekadar <div> sebagai tempat penyimpanan struktur.
  • Selalu sertakan <meta charset="UTF-8"> dan <meta name="viewport" content="width=device-width, initial-scale=1.0"> untuk memastikan encoding karakter benar dan tampilan responsif pada perangkat seluler.
  • Validasi markah Anda dengan W3C Markup Validator (validator.w3.org) untuk menangkap kesalahan sintaks dan memastikan kepatuhan standar HTML5.
  • Sediakan teks alternatif yang deskriptif melalui atribut <code>alt</code> pada gambar, serta gunakan label yang terkait dengan masing-masing field formulir untuk meningkatkan aksesibilitas bagi pengguna screen reader.
  • Pisahkan tanggung jawab: biarkan HTML menentukan struktur, CSS mengurus tampilan, dan JavaScript menangani perilaku; ini membuat kode lebih mudah dipelihara dan di-debug.