BELAJAR HTML5 BAG. 1
Apakah HTML5?
HTML5 akan menjadi standar baru bagi HTML.
Versi sebelumnya dari HTML, HTML 4.01, datang pada tahun 1999. Web telah berubah banyak sejak itu.
HTML5 masih dalam progress penyempurnaan. karena masih ada beberapa browser yang masih belum mendukung HTML5 baru dan API.
Bagaimana memulai HTML5 ?
seperti yang pernah ditulis pada artikel sebelumnya, HTML5 merupakan kerjasama antara World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG).
WHATWG bekerja dengan bentuk web dan aplikasi, dan W3C bekerja dengan XHTML 2.0. Pada tahun 2006, mereka memutuskan untuk bekerja sama dan menciptakan sebuah versi baru dari HTML.
Beberapa aturan untuk HTML5 didirikan:
Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
Mengurangi kebutuhan untuk plugin eksternal (seperti Flash)
Lebih baik penanganan kesalahan
Lebih markup untuk menggantikan scripting
HTML5 harus perangkat independen
Proses pembangunan harus dilihat oleh publik
HTML5 <DOCTYPE!>
Dalam HTML5 hanya ada satu <DOCTYPE!> Deklarasi, dan itu sangat sederhana:
<DOCTYPE html!>
Minimum HTML5 Dokumen
Di bawah ini adalah dokumen HTML5 yang sederhana, dengan minimum tag yang dibutuhkan:
<DOCTYPE html!>
<html>
<head>
<title> Judul dokumen </ title>
</ head>
<body>
Isi dokumen ......
</ body>
</ html>
Fitur Baru HTML5
Beberapa fitur baru yang paling menarik di HTML5:
Unsur <canvas> untuk menggambar 2D
Unsur-unsur <video> dan <audio> untuk media pemutaran
Dukungan untuk penyimpanan lokal
Baru-konten spesifik unsur-unsur, seperti <article>, <footer>, <header>, <nav>, <section>
Kontrol bentuk baru, seperti kalender, tanggal, waktu, email, url, cari
Browser Dukungan untuk HTML5
HTML5 belum menjadi standar resmi, dan tidak ada browser memiliki dukungan HTML5 penuh.
Tapi semua browser utama (Safari, Chrome, Firefox, Opera, Internet Explorer) terus menambahkan fitur HTML5 baru untuk versi terbaru mereka.
Elemen Baru di HTML5
Internet telah banyak berubah sejak HTML 4.01 menjadi standar pada tahun 1999.
Hari ini, beberapa elemen dalam HTML 4.01 yang usang, tidak pernah digunakan, atau tidak menggunakan cara mereka dimaksudkan untuk. Unsur-unsur yang dihapus atau ditulis ulang di HTML5.
Untuk lebih menangani penggunaan internet saat ini, HTML5 mencakup unsur-unsur baru untuk struktur yang lebih baik, penanganan bentuk yang lebih baik, menggambar, dan untuk konten media.
Baru Semantic / Struktural Elemen
HTML5 menawarkan elemen baru untuk struktur yang lebih baik:
TAG Deskripsi
<article> Mendefinisikan sebuah artikel
<aside> Mendefinisikan konten selain dari konten halaman
<bdi> Isolat bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luar itu
<command> Mendefinisikan tombol perintah bahwa seorang pengguna dapat memanggil
<details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<summary> Mendefinisikan sebuah judul terlihat untuk elemen <details>
<figure> Menentukan mandiri konten, seperti ilustrasi, diagram, foto, daftar kode, dll
<figcaption> Mendefinisikan sebuah caption untuk elemen <figure>
<footer> Mendefinisikan sebuah footer untuk dokumen atau bagian
<header> Mendefinisikan sebuah header untuk dokumen atau bagian
<hgroup> Grup seperangkat <h1> unsur-unsur <h6> ketika heading memiliki beberapa tingkatan
<mark> Mendefinisikan teks yang ditandai / disorot
<meter> Mendefinisikan pengukuran skalar dalam kisaran dikenal (alat ukur)
<nav> Mendefinisikan navigasi Link
<progress> Merupakan kemajuan tugas
<ruby> Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<rt> Mendefinisikan penjelasan / pengucapan karakter (tipografi untuk Asia Timur)
<rp> Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby
<section> Mendefinisikan bagian dalam dokumen
<time> Mendefinisikan tanggal / waktu
<wbr> Mendefinisikan kemungkinan line-istirahat
sekian dulu untuk belajar html5 bagian 1, silahkan mencoba dan selamat belajar, jika ingin diskusi silahkan tuliskan komentar anda dibawah ini. tunggu materi selanjutnya yaaa.
REFERENSI :
http://www.w3schools.com
http://www.altova.com
http://id.wikipedia.org
http://google.com
HTML5 akan menjadi standar baru bagi HTML.
Versi sebelumnya dari HTML, HTML 4.01, datang pada tahun 1999. Web telah berubah banyak sejak itu.
HTML5 masih dalam progress penyempurnaan. karena masih ada beberapa browser yang masih belum mendukung HTML5 baru dan API.
Bagaimana memulai HTML5 ?
seperti yang pernah ditulis pada artikel sebelumnya, HTML5 merupakan kerjasama antara World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG).
WHATWG bekerja dengan bentuk web dan aplikasi, dan W3C bekerja dengan XHTML 2.0. Pada tahun 2006, mereka memutuskan untuk bekerja sama dan menciptakan sebuah versi baru dari HTML.
Beberapa aturan untuk HTML5 didirikan:
Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
Mengurangi kebutuhan untuk plugin eksternal (seperti Flash)
Lebih baik penanganan kesalahan
Lebih markup untuk menggantikan scripting
HTML5 harus perangkat independen
Proses pembangunan harus dilihat oleh publik
HTML5 <DOCTYPE!>
Dalam HTML5 hanya ada satu <DOCTYPE!> Deklarasi, dan itu sangat sederhana:
<DOCTYPE html!>
Minimum HTML5 Dokumen
Di bawah ini adalah dokumen HTML5 yang sederhana, dengan minimum tag yang dibutuhkan:
<DOCTYPE html!>
<html>
<head>
<title> Judul dokumen </ title>
</ head>
<body>
Isi dokumen ......
</ body>
</ html>
Fitur Baru HTML5
Beberapa fitur baru yang paling menarik di HTML5:
Unsur <canvas> untuk menggambar 2D
Unsur-unsur <video> dan <audio> untuk media pemutaran
Dukungan untuk penyimpanan lokal
Baru-konten spesifik unsur-unsur, seperti <article>, <footer>, <header>, <nav>, <section>
Kontrol bentuk baru, seperti kalender, tanggal, waktu, email, url, cari
Browser Dukungan untuk HTML5
HTML5 belum menjadi standar resmi, dan tidak ada browser memiliki dukungan HTML5 penuh.
Tapi semua browser utama (Safari, Chrome, Firefox, Opera, Internet Explorer) terus menambahkan fitur HTML5 baru untuk versi terbaru mereka.
Elemen Baru di HTML5
Internet telah banyak berubah sejak HTML 4.01 menjadi standar pada tahun 1999.
Hari ini, beberapa elemen dalam HTML 4.01 yang usang, tidak pernah digunakan, atau tidak menggunakan cara mereka dimaksudkan untuk. Unsur-unsur yang dihapus atau ditulis ulang di HTML5.
Untuk lebih menangani penggunaan internet saat ini, HTML5 mencakup unsur-unsur baru untuk struktur yang lebih baik, penanganan bentuk yang lebih baik, menggambar, dan untuk konten media.
Baru Semantic / Struktural Elemen
HTML5 menawarkan elemen baru untuk struktur yang lebih baik:
TAG Deskripsi
<article> Mendefinisikan sebuah artikel
<aside> Mendefinisikan konten selain dari konten halaman
<bdi> Isolat bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luar itu
<command> Mendefinisikan tombol perintah bahwa seorang pengguna dapat memanggil
<details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<summary> Mendefinisikan sebuah judul terlihat untuk elemen <details>
<figure> Menentukan mandiri konten, seperti ilustrasi, diagram, foto, daftar kode, dll
<figcaption> Mendefinisikan sebuah caption untuk elemen <figure>
<footer> Mendefinisikan sebuah footer untuk dokumen atau bagian
<header> Mendefinisikan sebuah header untuk dokumen atau bagian
<hgroup> Grup seperangkat <h1> unsur-unsur <h6> ketika heading memiliki beberapa tingkatan
<mark> Mendefinisikan teks yang ditandai / disorot
<meter> Mendefinisikan pengukuran skalar dalam kisaran dikenal (alat ukur)
<nav> Mendefinisikan navigasi Link
<progress> Merupakan kemajuan tugas
<ruby> Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<rt> Mendefinisikan penjelasan / pengucapan karakter (tipografi untuk Asia Timur)
<rp> Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby
<section> Mendefinisikan bagian dalam dokumen
<time> Mendefinisikan tanggal / waktu
<wbr> Mendefinisikan kemungkinan line-istirahat
sekian dulu untuk belajar html5 bagian 1, silahkan mencoba dan selamat belajar, jika ingin diskusi silahkan tuliskan komentar anda dibawah ini. tunggu materi selanjutnya yaaa.
REFERENSI :
http://www.w3schools.com
http://www.altova.com
http://id.wikipedia.org
http://google.com
Posting Komentar