Meskipun pengembangannya telah dimulai bertahun-tahun sebelumnya, HTML5 pertama kali mulai digunakan secara umum dengan desainer web / pengembang pada tahun 2010. Tepat di luar gerbang, bahasa tersebut terasa akrab bagi banyak profesional web karena alih-alih mencoba menemukan kembali semuanya dari awal, HTML5 dibangun di atas apa yang telah terjadi sebelumnya. Siapa pun yang tahu HTML 4.01 dengan cepat menemukan bahwa cukup banyak versi itu sekarang dapat ditemukan di HTML5.
Sementara HTML5 menyertakan banyak elemen yang telah ada dalam HTML untuk sementara, itu juga memperkenalkan beberapa elemen yang baru ke HTML5. Bagi banyak elemen baru ini, pendekatan yang disebut "paving the cowpaths" digunakan. Ini adalah istilah yang umum digunakan di IT pada dasarnya bermaksud untuk melihat apa yang sudah dilakukan orang dan melakukan itu. Dalam kasus perancang web, ini dimaksudkan untuk melihat bagaimana mereka telah membangun halaman dan keputusan dasar pada elemen baru pada kegiatan tersebut. Misalnya, banyak profesional web akan membangun situs web dengan divisi yang menggunakan atribut ID atau Kelas "header", "nav", dan "footer." Dengan demikian, HTML5 memperkenalkan ini sebagai elemen baru, yang memungkinkan para profesional web untuk menambahkan lebih banyak makna pada dokumen mereka dengan menggunakan elemen pembagian khusus, bukan hanya divisi. Kombinasi keakraban dan pendekatan yang diakui praktik saat ini membantu HTML5 untuk segera dirangkul oleh industri desain web.
Doctype HTML5
Pertama, untuk menggunakan elemen HTML5 baru, dokumen Anda harus menyertakan HTML5 DOCTYPE yang:
Anda mungkin memperhatikan bahwa doctype ini tidak secara khusus menyebutkan "HTML5", tetapi hanya menyatakan versi sebagai "html". Ini karena doctype ini adalah apa yang dimaksudkan untuk digunakan maju untuk semua iterasi bahasa.
Bahkan, HTML5 seharusnya menjadi versi bahasa bernomor terakhir, dengan perubahan baru ditambahkan secara konsisten di masa depan. Faktanya, beberapa elemen dalam daftar di bawah telah ditambahkan ke bahasa dengan baik setelah dorongan awal pada tahun 2010!
Tag HTML5
| Menandai | Penjelasan | |
|---|---|---|
| Jangkar atau tautan | ||
| Singkatan | ||
| Alamat atau penulis dokumen | ||
| Peta gambar sisi-klien | ||
| Artikel | ||
| Konten tangensial | ||
| Streaming audio | ||
| Berani | ||
| Jalur URI dasar untuk elemen dalam dokumen | ||
| Algoritma bi-directional | ||
| Kutipan panjang | ||
| Isi halaman | ||
| Jeda baris | ||
| Tombol bentuk HTML | ||
| Kanvas untuk grafis dinamis | ||
| Komentar | ||
| Keterangan tabel | ||
| Kutipan | ||
| Referensi kode | |
| Kolom tabel | ||
| Pengelompokan kolom tabel | ||
| Perintah atau tindakan pada halaman | ||
| Definisi jenis dokumen | ||
| Kisi Data | ||
| Pilihan yang telah ditetapkan untuk kontrol lainnya | ||
| Deskripsi daftar definisi atau rentang wacana | ||
| Teks yang dihapus | ||
| Informasi tambahan sesuai permintaan | ||
| Definisi | ||
| Percakapan | ||
| Pembagian logis | ||
| Daftar deskripsi | ||
| Istilah atau dialog daftar definisi | ||
| Tekanan | ||
| Elemen tersemat untuk plugin | ||
| Bentuk kelompok kontrol | ||
| Teks yang digunakan untuk a | ||
| Gambar dengan keterangan opsional | ||
| Footer halaman | ||
| Bentuk | ||
| Judul tingkat pertama | ||
| Judul tingkat kedua | ||
| Judul tingkat ketiga | ||
| Judul tingkat keempat | ||
| Judul tingkat lima | ||
| Judul tingkat keenam | ||
| Kepala dokumen | ||
|
| Header halaman | |
| Heading group | ||
| Aturan horizontal | ||
| Elemen root dari halaman Web | ||
| Gaya teks miring | ||
| Bingkai inline | ||
| Gambar | ||
| Masukkan elemen formulir | ||
| Elemen bentuk tombol | ||
| Elemen formulir checkbox | ||
| Masukan warna | ||
| Input tanggal | ||
| Masukan tanggal dan waktu global | ||
| Masukan tanggal dan waktu lokal | ||
| Masukan alamat email | ||
| Elemen formulir unggahan file | ||
| Elemen bidang formulir tersembunyi | ||
| Elemen bentuk gambar | ||
| Masukan tahun dan bulan | ||
| Masukan angka | ||
| Elemen bentuk kata sandi | ||
| Elemen bentuk tombol radio | ||
| Input nomor yang tidak tepat | ||
| Setel ulang elemen bentuk tombol | ||
| Cari bidang | ||
| Kirim elemen bentuk tombol | ||
| Masukan nomor telepon | ||
| Elemen bentuk bidang teks | ||
| Masukan waktu | ||
| Masukan URL | ||
| Masukan tahun dan minggu | ||
| Teks yang disisipkan | ||
| Teks yang dimasukkan oleh pengguna | ||
| Hasilkan kunci aman untuk manajemen sertifikat | ||
| Label formulir | ||
| Bentuk keterangan fieldset | ||
| Daftar barang | ||
| Tautkan ke dokumen terkait | ||
| Area utama konten di halaman | ||
| Peta gambar sisi-klien | ||
| Teks ditandai atau disorot | ||
| Daftar perintah | ||
| Informasi meta tentang dokumen | ||
| Pengukur skalar | ||
| Definisikan area dengan tautan navigasi | ||
| Konten saat skrip tidak tersedia | ||
| Objek tidak standar | ||
|
| Daftar yang dipesan atau bernomor | |
| Kelompok opsi dalam daftar pilih | ||
| Opsi dalam daftar pilih | ||
| Hasil perhitungan formulir | ||
| Ayat | ||
| Parameter suatu elemen objek | ||
|
| Teks yang diformat sebelumnya | |
| Indikator kemajuan | ||
| Kutipan singkat inline | ||
| Kurung Ruby | ||
| Teks Ruby | ||
| Anotasi Ruby | ||
| Teks mogok | ||
| Keluaran sampel | ||
| Skrip | ||
| Bagian halaman | ||
| Pilih atau daftar menu drop-down | ||
| Ukuran font kecil | ||
| Sumber media | ||
| Penampung gaya inline umum | ||
| Penekanan kuat | ||
| Lembar gaya | ||
| Subskrip | ||
| Ringkasan isi elemen DETAILS | ||
| Superskrip | ||
| Meja | ||
| Baris tubuh tabel | ||
| Sel tabel | ||
| Elemen bentuk multi-garis | ||
| Baris footer tabel | ||
| Sel header tabel | ||
| Baris tabel tajuk | ||
| Mendefinisikan waktu | ||
| Judul | ||
| Baris tabel | ||
|
| Daftar tidak berurutan atau bulet | |
| Teks yang ditentukan oleh variabel atau pengguna | ||
|
Video atau film tertanam di halaman |
