Mengenal Beberapa Tag HTML 5

08/01/2015    Reza Indra    2635    Website

Sejak rilis pertama kali pada tahun 1993, sampai saat ini HTML sudah sampai pada versi 5.0. Dengan perkembangan internet yang sangat cepat pada waktu saat itu, HTML pun hadir sebagai bahasa pemrograman yang sangat penting untuk membuat halaman page (Website). HTML juga dikenal sebagai bahasa markah (markup language), yaitu bahasa pemrograman yang membedakan sintak-sintaknya berdasarkan teks.

HTML memiliki beberapa tag yang wajib digunakan setiap membuat dokumen website, yaitu tag <html>, <head> dan <body>. Meski memiliki cukup banyak tag, namun pada prakteknya hanya beberapa tag saja yang paling sering digunakan.

Dalam HTML5 cukup banyak tag baru yang bermunculan serta penghapusan tag-tag yang dianggap sudah usang. Nah, berikut saya akan memperkenalkan beberapa tag HTML5 yang mungkin belum pernah kalian gunakan sebelumnya.

<meter>

Tag meter berfungsi untuk mendefinisikan pengukuran skalar dalam sebuah nilai kisaran. Tag meter memiliki 7 buat attribute, diantaranya adalah: value,  form, min, max, optimum,  high,  low. Support browser: Chrome 8.0, IE Not supported, Firefox 6.0, Safari 6.0, Opera 11.0.

Contoh:

Output browser:

<mark>

Tag mark akan memberikan highlight pada teks yang dibungkus. Defaultnya berwarna kuning. Support browser: Chrome 6.0, IE 9.0, Firefox 4.0, Safari 5.0, Opera 11.1.

Contoh:

Output browser:

<main>

Tag main mendefinisikan konten utama pada suatu dokumen. Support browser: Chrome 6.0, IE Not supported, Firefox 4.0, Safari 5.0, Opera 11.1.

Contoh:

<audio>

Tag audio digunakan untuk menyematkan file suara dengan format .mp3 dan ogg. Support browser: Chrome 4.0, IE 9.0, Firefox 3.5, Safari 4.0, Opera 10.5.

Contoh:

Output browser:

<video>

Tag video digunakan untuk menyematkan file video atau movie dengan format .mp4, ogg dan webM. Support browser: Chrome 4.0, IE 9.0, Firefox 3.5, Safari 4.0, Opera 10.5.

Contoh:

Output browser:

Itulah dia uraian singkat dari saya tentang tag-tag baru HTML5 untuk lebih lengkapnya silahkan cek di w3schools atau jika ingin memperdalam lagi teman-teman bisa belajar di dumetschool. Sampai bertemu lagi pada artikel selanjutnya.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow