Elemen - Elemen HTML 5

Pada artikel serial html5 kali ini kita akan membahas tentang elemen – elemen yang ada pada html5.

Elemen Markup

Tag	Penjelasan
<article>	Untuk konten eksternal, seperti teks dari artikel-berita, blog, forum, atau konten lain dari sumber eksternal
<aside>	Untuk konten selain konten itu ditempatkan di samping konten yang masuk harus berkaitan dengan isi sekitarnya
<command>	Sebuah tombol, atau radiobutton, atau sebuah kotak centang
<details>	Untuk rincian menggambarkan tentang sebuah dokumen, atau bagian dari dokumen
<summary>	Sebuah keterangan, atau ringkasan, dalam rincian elemen
<figure>	Untuk pengelompokan bagian dari konten berdiri sendiri, bisa video
<figcaption>	Keterangan dari tokoh bagian
<footer>	Untuk footer dari dokumen atau bagian, dapat meliputi nama penulis, tanggal dokumen, informasi kontak, atau informasi hak cipta
<header>	Untuk penerapan suatu dokumen atau bagian, dapat mencakup navigasi
<hgroup>	Untuk bagian dari pos, menggunakan <h1> untuk <h6>, di mana yang terbesar adalah pos utama bagian tersebut, dan yang lainnya sub-judul
<mark>	Untuk teks yang harus disorot
<meter>	Untuk pengukuran, digunakan hanya jika nilai-nilai maksimum dan minimum diketahui
<nav>	Untuk bagian navigasi atau menu
<progress>	Keadaan pekerjaan berlangsung
<ruby>	Untuk penjelasan ruby (catatan Cina atau karakter)
<rt>	Untuk penjelasan tentang penjelasan ruby
<rp>	Apa untuk menunjukkan browser yang tidak mendukung elemen ruby
<section>	Untuk bagian dalam dokumen. Seperti bab, header, footer, atau bagian lain dari dokumen
<time>	Untuk menentukan waktu atau tanggal, atau keduanya

Elemen Media

Tag	Penjelasan
<audio>	Untuk konten multimedia , suara, musik atau streaming audio lainya
<video>	Untuk konten video , seperti klip film atau Streaming video lainya
<source>	Untuk sumber suatu media pada elemen media, menjelaskan didalam video atau media audio
<embed>	Untuk mengisi embedded , contohnya seperti plug-in atau mengambil video dari Youtube.

Elemen Kanvas

Elemen kanvas menggunakan JavaScript untuk membuat gambar pada halaman web.

Tag	Penjelasan
<canvas>	Untuk membuat gambar pada halaman web

Elemen Form

Tag	Penjelasan
<datalist>	Daftar pilihan untuk nilai input
<keygen>	Hasilkan kunci untuk mengotentikasi pengguna
<output>	Untuk berbagai jenis output, seperti output yang ditulis oleh script

Input Type Attribute Values

Untuk kontrol input yang lebih baik sebelum mengirimnya ke server:

Tipe	Penjelasan
tel	Nilai input untuk nomor telepon
search	Untuk bidang pencarian
url	Nilai input untuk memasukkan URL
email	Untuk mengisi email atau lebih dari 1 email
datetime	Untuk pengisian waktu dan tanggal
date	Untuk pengisian tanggal
month	Untuk pengisian bulan
week	Untuk pengisian minggu
time	Untuk pengisian waktu
datetime-local	Untuk pengisian lokal waktu/tanggal
number	Untuk pengisian nomer
range	Untuk pengisian rentang waktu
color	Untuk pengisian heksadesimal sebuah warna, contohnya #FF8800