Tag Baru di Html 5



Html pasti sudah tidak asing lagi di telinga kalian, karena html sering digunakan dalam membangun sebuah website atau blog. Dalam membangun sebuah website atau blog kalian menggunakan sekumpulan tag yang menjadi sebuah source code. Html bukanlah sebuah bahasa pemrograman melainkan bahasa markup dan kini html sudah sampai ke versi 5 atau lebih dikenal sebagai html5. Pada html5 ada tag baru dan ada tag yang tidak digunakkan lagi serta ada tag yang disederhanakan, berikut beberapa tag baru pada <html>:

Tag pembuka mendapat pembaharuan yaitu !Doctype, jadi kita tidak perlu referensi ke DTD. Ini dikarenakan HTML5 bukan lagi bagian dari SGML.

<!DOCTYPE html>


Beberapa karakter pada Html5 disederhakan, dan ia menggunakan UTF-8 dan kita hanya perlu menggunakan satu tag <meta> :


<meta charset="UTF-8">

Tag Stuktur Baru Pada Html5

Html5 mengenali bahwa laman web memiliki struktur, seperti halnya buku dan dokumen XML lainnya memiliki struktur. Secara umum, laman web memiliki navigasi, konten isi, konten bilah sisi, header, footer, dan fitur lainnya. HTML 5 memiliki tag untuk mendukung elemen-elemen halaman tersebut, berikut beberapa tag struktur:
  • <section> mendefinisikan bagian halaman.
  • <header> mendefinisikan header halaman.
  • <footer> mendefinisikan footer halaman.
  • <article> mendefinisikan artikel atau konten utama pada suatu halaman.
  • <nav> mendefinisikan navigasi pada halaman.
  • <aside> mendefinisikan konten tambahan seperti bilah sisi di halaman.
  • <figure> mendefinisikan gambar yang ada pada artikel


Tag Element inline Baru Pada Html5

Elemen inline baru menetapkan beberapa konsep dasar dan menjaganya tetap semantis:
  • <mark> menunjukkan konten yang ditandai dengan mode tertentu.
  • <waktu> menunjukkan konten yang merupakan waktu atau tanggal.
  • <meter> menunjukkan konten yang merupakan pecahan dari range yang diketahui seperti penggunaan penyimpanan.
  • <progress> menunjukkan kemajuan tugas menuju penyelesaian.


Tag yang Mendukung Halaman Dinamis pada Html5

Html 5 dikembangkan untuk membantu pengembang aplikasi web, jadi ada banyak tag baru yang memudahkan pembuatan halaman Html dinamis:
  • <details> tag ini memberikan detail tentang suatu elemen, ini seperti tooltips di aplikasi non-web.
  • <datagrid> membuat tabel yang dibangun dari database atau sumber dinamis lainnya.
  • <menu> adalah tag lama yang dibawa kembali dan diperbarui yang memungkinkan kita untuk membuat sistem menu di halaman web.
  • <command> mendefinisikan tindakan yang seharusnya terjadi ketika elemen dinamis diaktifkan.


Attribute Type Baru Pada Element Input di Html5

Html mendukung semua jenis input bentuk standar, tetapi pada html5 ditambahkan beberapa lagi, seperti:
  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url


Tag Element Baru Pada Html5

Ada beberapa element baru yang menarik dalam html5, seperti:
  • <canvas> Elemen ini memberi ruang gambar dalam JavaScript di halaman web. Tag Elemen ini dapat menambahkan gambar atau grafik ke tooltips atau membuat grafik dinamis di halaman web.
  • <video> Tag yang berfungsi untuk menambahkan video ke halaman web.
  • <audio> Tag yang berfungsi untuk menambahkan audio ke halaman web.


Tag Element yang Dihapus Pada Html5

Beberapa element dalam Html 4 tidak lagi didukung oleh Html 5. Sebagian besar sudah tidak digunakan lagi, antara lain:
  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • isindex
  • noframes
  • noscript
  • s
  • strike
  • tt
  • u

Demikian Tag element dan attribute yang ada pada Html5. Semoga bermanfaat dan bisa membantu.
Share on Google Plus

About Afakhan

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar:

Posting Komentar