Pengenalan Tag HTML 5 dasar

Pengenalan Dasar HTML 5 Untuk Pemula

Pengenalan Dasar HTML 5 -Pada kesempatan kali ini TechArtz akan membahas sedikit mengenai Dasar HTML 5 untuk mengawali pembahasan HTML 5 ini ada baiknya kalian baca panduan tentang pembahasan dasar HTML 5 yang akan saya sajikan di bawah.

Mudah-Mudahan Ini Pembahasan ini Bisa Membantu kalian Yang masih awam dalam dunia web untuk membantu mempelajari Dasar web HTML ,hingga mampu mengembangkan sebuah web .

Apa Itu HTML 5 ??


Berdasarkan pengetahuan saya HTML adalah sebuah bahasa web dasar yang di gunakan oleh Para developer web untuk membangun pondasi dari sebuahwebsite ,HTML Sendiri mempiliki singkatan (Hyper Text Markup Languange) ,Yang di naungi oleh World Wide Web Consortium (W3C),HTML Tercipta  dari  kolaborasi dari Caillau TIM dengan Berner-lee Robert Ketika mereka masih bekerja di CERN pada tahun 1989.

HTML Sekarang sudah memasuki Versi 5 yang di perkenalkan pada publik tahun 2008,Dan baru saja di release ke public pada tahun 2011 pada saat itulah HTML Mulai di kenal luas.

Programmer Web sendiri memiliki ketertarikan dengan HTML 5 karena strukturnya yang mudah di pelajari dan di pahami.Tetapi sayang untuk menggunakan teknologi terbaru ini para developer web masih mengalami kesulitan menggunakan HTML 5 secara menyeluruh.

HTML 5 Bekerja sama dengan CSS 3.Walau belum bersetatus selesai Tetapi teknologi ini sudah bisa di terapkan hampir secara bersamaan , Dan kini W3C masih terus mengembangkan Bahasa yang satu ini hingga menjadi produk yang banyak di pakai di jaman sekarang.

Beberapa Keuntungan yang di tawarkan HTML 5


















Fitur-Fitur terbaru yang tersedia dan memang berbasis HTML 5,CSS,DOM, dan juga Javascript .kebutuhan akan plugin ekstra sperti Flashplayer di website dapat di minimalisir sehingga website dapat di download secara lebih efektif,Fast load,penanganan Error yang mudah dari pada versi sebelumnya.Banyak tag yang di gunakan dan elemen-element baru yang di gunakan untuk meminimalkan penulisan code.HTML 5 merupakan sebuah perangkat yang dapat berdiri sendiri.

Apa Yang Baru di HTML 5 ??

HTML 5 di buat untuk meminimalisir proses proses pembuatan code dan lebih logis,HTML 5 sangat dibutuhkan oleh website yang memiliki pondasi dasar kontent yang berbasis Multimedia karena telah banyak kode yang di peruntukan konten Multimedia.Banyak fitur yang telah di buat dengan memperhatikan besarnya size data yang di gunakan tetapi tetap memberikan kompatibility terhadap semua perangkat (Responsive).Sehingga dapat meningkatkan Mobilitas pengguna kontent informasi yang di inginkan oleh para pengguna,Beberapa fitur baru yang di tawarkan adalah <video>,<audio>,dan <canvas>,serta intergrasi terhadap Vector Graphic Content(<object>tag).Hal ini menyimpulkan bahwa konten web yang berbasis multi media dan grafis dapat di tangani oleh HTML 5 tentunya di gunakan dengan mudah dan lebih cepat tanpa harus menggunakan plug-in tambahan atau APIs.

Struktur baru Yang terdapat pada HTML 5 ??

Element Media :

<audio> Kode untuk kontent Suara
<video> Kode untuk kontent video Atau film
<source> Kode Untuk kontent beberapa sumber mis <video> dan <audio>
<embed> Kode Untuk memanggil aplikasi extrenal atau content interaktif.

Element Formulir

<datalist> Menentukan daftar pilihan yang telah di tetapkan untuk kontrol input 
<keygen> Kode untuk kunci-pair bidang pembangkit

<output> Mendjelaskan tentang Hasil dari suatu proses

Sematik / Element Struktur

HTML5 Memberikan unsur-unsur baru untuk unsur yang lebih baik lagi antara lain :

<Canvas> Befrungsi untuk menggambar grafik melalui script (Biasanya JavaScript).
<article> Menjelaskan tentang sebuah Artikel
<aside> Menjelaskan tentang kontent selain kontent halaman
<bdi> Isolat Menjelaskan bagian teks yang dapat di format dalam arah berbeda.dari teks di luar lingkup itu.
<command>Menjelaskan sebuah perintah bahwa seorang pengguna dapat memberikan perintah kepada System Web.
<details> Menjelaskan sebuah Rincian tambahan pengguna dapat meminta atau menyembunyikan.
<dialog>Menjelaskan sebuah kotak dialog atau jeda
<Summary> mendefiniskan sebuah judl untuk elemen
<figure> menentukan kontent sendiri,seperti ilustrasi,diagram,foto daftar kode
<figcaption>Menjelaskan sebuah caption untuk element<Figure Caption>
<footer>Menjelaskan bagian kaki dari sebuah website biasanya ini di isi dengan Nama pembuat,Situs,dll
<header>Menjelaskan sebuah kepala atau sebuah dokument 
<mark>Menjelaskan text yang di tandai , Misal kita menggunakan stabilo untuk mencati kata-kata yang penting.
<meter>Menjelaskan pengukuran skala dalam kisaran yang banyak di gunakan(CM,MM,PX,)
<nav> menjelaskan tentang navigasi link
<progress>merupakan sebuah Penjelasan mengenai tanda kemajuan sebuah progress Contoh (SEEK :Kalau di winamp,Windows,VLC, dan loading kalau di web).
<ruby>Menjelaskan sebuah penjelasan ruby(untuk tipografi Asia Timur>
<rt> Menjelasakan pengucapan karakter (untuk tipografi Asia Timur)

<rp>Menjelaskan apa yang ingin di tampilkan di browser yang kurang mendukung.

Penjelasan Ruby 

<section> Menjelaskan bagian atau part dokumen
<time> Menjelaskan tanggal /Waktu.
<wbr> Menjelaskan garis pemutus /Break

Berikut beberapa element yang di dukung di HTML 4.01 yang telah tua/usang dan penggunaanya telah di hapus pada generasi HTML 5 yaitu :

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

Kita sebagai seorang pengguna teknologi khusunya teknologi internet tentunya tidak ingin tertinggal dengan perkembangan teknologi generasi sekarang,apa lagi jika teknologi yang kita gunakan terancam tidak support lagi di masa mendatang


FYI : browser yang terkini seperti Chrome,Safari,Firefox,Opera dan IE telah memberikan compatibilty terhadap HTML 5 menggantikan Generasi sebelumnya HTML 4.01 yang secara tak langsung akan menghapus fungsi pengoperasianya.




Sekian Pengenalan Dasar HTML 5 ,Semoga dapat membantu anda dalam mempelajari dasar web.