Elemen-elemen Baru dalam HTML5

Ekok    12.38    HTML5    Comment   

Seperti yang kita bahas sebelumya, bahwa terdapat beberapa elemen baru dalam HTML5, diantaranya sebagai beriku :

1. Elemen Markup

Berikut ini adalah beberapa elemen markup yang ada dalam HTML5 :

TAG
<article>

Digunakan untuk konten external, seperti artikel blog, berita, atau konten lainnya dari sumber external.

<aside>

Digunakan untuk konten selain konten utama, ditempatkan di samping koneten utama.

<command>

Membentuk sebuah tombol, atau radio button, atau sebuah kotak centang.

<details>

Rincian untuk menggambarkan tentang sebuah dokumen, atau bagian dari dokumen tertentu.

<summary>

Sebuah keterangan atau ringkasan, dalam rincian element.

<figure>

Untuk mengelompokkan bagian dari konten berdiri sendiri, bisa berupa video.

<footer>

Digunakan untuk membentuk footer dari suatu dokumen atau bagian, dapat meliputi kontak, atau hak cipta.

<header>

Untuk membentuk header suatu dokumen atau bagian, mencakup juga navigasi.

<mark>

Untuk teks yang harus disorot.

<meter>

Untuk pengukuran, digunakan hanya jika nilai-nilai maksimum dan minimum diketahui.

<nav>

Untuk membentuk bagian navigasi atau menu.

<progress>

Keadaan dimana pekerjaan sedang berlangsung.

<section>

Untuk bagian dalam dokumen. Seperti bab, header, footer, atau lainnya.

<time>

Untuk menentukan waktu atau tanggal atau keduanya.

2. Elemen Media
Pada bagian inilah yang berperan dari HTML5 yang mampu menggeser Adobe Flash. Karena dengan menggunakan elemen audio dan video pada HTML5, kita tidak membutuhkan lagi plugin pemutar audio dan video karena code OGG sudah dapat mengenalinya.
Nah dibawah ini merupakan beberapa elemen media pada HTML5 ;

TAG
<audio>

Untuk konten multimedia, suara, musik atau bahkan audio streaming.

<video>

Untuk konten video, film atau video streaming.

<source>

Untuk sumber suatu media, pada elemen media, menjelaskan dalam video atupun audio.

<embed>

Untuk mengisi embeded, contoh seperti plug-in atau untuk mengambil video dari youtube.

3. Elemen Canvas
Dari namanya saja canvas, tentu kita sudah tahu apa fungsinya. Dengan elemen canvas memungkinkan kita untuk membuat sebuah objek gambar pada halaman web tanpa harus memakai flash atau java, kita hanya membutuhkan bantuan javascript.

TAG
<canvas>

Untuk membuat gambar dalam halaman web.

4. Elemen Baru Form

TAG
<datalist>

Daftar pilihan untuk nilai input. 

<keygen>

Menghasilkan kunci untuk mengotentikasi pengguna.

<output> 

Untuk berbagai jenis output, seperti output yang ditulis oleh script.

5. Nilai Atribut Baru Input Type
Sebuah atribut elemen input yang memiliki nilai-nilai baru, untuk kontrol input yang lebih baik sebelum mengirimnya ke server.

Tipe
Cel

Nilai input untuk nomor telpon.

Search

Untuk bidang pancarian.

 url

Nilai input untuk memasukkan URL.

Email

Untuk mengisi email

Datetime

Untuk pengisian waktu dan tanggal

Date

Untuk pengisian tanggal

Month

Untuk pengisian bulan

Week

Untuk pengisian pekan

Time

Untuk pengisian waktu

datetime-local

Untuk pengisian waktu/tanggal lokal

Number

Untuk pengisian nomor

range

Untuk pengisian rentang waktu

color

Untuk pengisian heksadesimal sebuah warna, contoh #ffa500

Nah sekian dulu, untuk kelanjutannya pantengin terus yah blognya.