Mengenal Beberapa Tag HTML 5

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.

8 Januari 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat