HTML 5

PENGERTIAN

HTML adalah singkatan dari Hyper Text Markup Language. Itu dipakai untuk mendesain web page menggunakan bahasa markup. HTML adalah singkatan dari Hypertext dan Markup language. Hypertext mengartikan link antara halaman web. Bahasa markup dipakai untuk memastikan dokumen teks di dalam tag yang menentukan struktur halaman web. HTML 5 adalah versi HTML kelima dan saat ini dan telah meningkatkan markup yang tersedia untuk dokumen dan sudah pula memperkenalkan Antarmuka Pemrograman Aplikasi (API) dan Model Objek Dokumen (DOM).

FITUR HTML 5

1. Memiliki fitur multimedia baru yang mendukung kontrol audio dan video dengan memakai tag <audio> dan <video>.

2. Memiliki elemen grafik baru yaitu grafik vektor dan tag.

3. Diperkaya dengan konten semantik dengan menambahkan <header> <footer>, <article>, <section> dan <figure>.

4. Drag and Drop sehingga pengguna dapat menarik objek,menyeretnya dan menjatuhkannya ke lokasi baru.

5. Layanan geo-lokasi. Fitur ini dapat digunakan untuk menemukan lokasi geografis klien.

6. Fasilitas penyimpanan web untuk memfasilitasi metode aplikasi web yang digunakan untuk menyimpan data di browser web.

7. Memakai database SQL untuk save data dengan cara offline.

8. Bisa dipakai untuk menggambar berbagai bentuk seperti segitiga, persegi panjang, lingkaran, dll.

9. Bisa untuk mengoreksi syntax yang salah

10. Deklarasi DOCTYPE mudah yaitu <!doctype html>

11. Pengkodean karakter yang mudah yaitu <meta charset=”UTF-8″>

Elemen Yang Dibuang di HTML 5

Elemen Tambahan di HTML 5

<article>: Tag <article> dipakai untuk mewakili sebuah artikel. Lebih tepatnya, konten di dalam tag <article> independen dari konten situs lainnya.

<aside>: Tag <aside> digunakan untuk mendefinisikan atau menggambarkan objek utama di halaman web dengan cara yang lebih singkat seperti HIGH LIGHT (JUDUL). Tujuannya mengidentifikasi konten yang terkait dengan konten utama halaman web tetapi bukan merupakan maksud utama dari halaman utama. Tag <aside> terutama berisi informasi penulis, tautan, konten terkait, dan sebagainya.

<figcaption>: Tag <figcaption> dalam HTML digunakan untuk mengelola keterangan ke elemen gambar di dalam dokumen.

<figure>: Tag <figure> dalam HTML dipakai untuk menambahkan konten mandiri seperti ilustrasi, diagram, foto, atau daftar kode.

<header>: Ini memuat judul bagian serta konten lainnya, seperti navigasi, daftar isi, dst.

<footer>: Tag <footer> dalam HTML digunakan untuk menggambarkan footer dari dokumen HTML. Bagian ini berisi informasi tentang penulis, hak cipta, operator, dll. Tag footer digunakan di dalam tag body. Tag <footer> baru di HTML 5. Elemen footer memerlukan tag awal dan juga tag akhir.

<main>: Mendefinisikan konten utama tubuh dokumen atau aplikasi web.

<mark>: Tag <mark> dalam HTML digunakan untuk memastikan teks yang ditandai. Ini dipakai untuk memperhatikan bagian teks dalam paragraf.

<nav>: Tag <nav> digunakan untuk menyajikan bagian navigasi dalam dokumen HTML. Situs web biasanya memiliki bagian yang diperuntukkan sebagai tautan navigasi dimana pengguna bisa menavigasi situs. Tautan ini dapat ditempatkan di dalam tag nav.

<bagian>: Ini membatasi pengelompokan konten tematik.

<details>: Tag <details> digunakan untuk informasi yang awalnya tersembunyi menjadi bisa dilihat jika ingin melihatnya. Tag ini dipakai untuk membuat widget interaktif yang dapat dibuka-tutup oleh pengguna. Konten tag detail terlihat saat membuka set atribut.

<summary>: Tag <summary> dalam HTML digunakan untuk mendeskripsikan ringkasan untuk elemen <details>. Elemen <summary> digunakan bersama dengan elemen <details> dan menginformasikan kesimpulan yang dapat dilihat oleh pengguna. Saat ringkasan diklik oleh pengguna, konten yang ditempatkan di dalam elemen <details> menjadi terlihat yang sebelumnya disembunyikan. Tag <summary> ditambahkan di HTML 5. Tag <summary> memerlukan tag awal dan akhir.

<time>: Tag <time> digunakan untuk menampilkan data/waktu untuk pengguna. Dapat pula digunakan untuk menyandikan tanggal dan waktu dalam bentuk yang dapat dibaca mesin. Nilai plusnya dari sisi pengguna adalah mereka dapat menawarkan untuk menambahkan pengingat ulang tahun atau acara terjadwal di kalender mereka dan mesin pencari dapat menghasilkan hasil pencarian yang lebih baik.

<bdi>: Tag <bdi> mengacu pada Bi-Directional Isolation. Ini membedakan teks dari teks lain yang mungkin diformat dalam arah yang berbeda. Tag ini digunakan saat pengguna membuat teks dengan arah yang tidak diketahui.

<wbr>: Tag <wbr> dalam HTML adalah singkatan dari word break opportunity dan digunakan untuk menentukan posisi dalam teks yang dijadikan sebagai jeda baris oleh browser. Ini digunakan ketika kata yang digunakan terlalu panjang dan ada kemungkinan browser dapat merusak baris di tempat yang salah untuk menyesuaikan teks.

<datalist>: Tag <datalist> digunakan sebagai fitur pelengkapan otomatis dalam file HTML. Dapat digunakan dengan tag input, sehingga pengguna dapat mengisi data di formulir dengan mudahnya menggunakan pilih data.

<keygen>: Tag <keygen> dalam HTML digunakan untuk menentukan generator di pasangan kunci dalam formulir. Tujuannya untuk menyediakan cara aman untuk mengidentifikasi pengguna. Ketika dari dikirimkan maka dua kunci dihasilkan, kunci privat dan kunci publik. Kunci pribadi disimpan secara lokal, dan kunci publik dikirim ke server. Kunci publik digunakan untuk menghasilkan sertifikat klien untuk mengautentikasi pengguna di masa mendatang.

<output>: Tag <output> dalam HTML digunakan untuk mewakili hasil perhitungan yang dilakukan oleh skrip sisi klien seperti JavaScript.

<progress>: Ini digunakan untuk melihat sejauh mana progres dilaksanakan, juga digunakan untuk menentukan berapa banyak pekerjaan yang dilakukan dan berapa banyak yang tersisa untuk mengunduh sesuatu. Itu tidak digunakan untuk mewakili ruang disk atau kueri yang relevan.

<svg>: Ini adalah Grafik Vektor yang dapat diskalakan.

<canvas>: Tag <canvas> dalam HTML digunakan untuk menggambar grafik pada halaman web menggunakan JavaScript. Bisa untuk menggambar jalur, kotak, teks, gradien, dan menambahkan gambar. Secara default tidak berisi batas dan teks.

<audio>: Mendeskripsikan konten musik atau audio.

<embed>: Menentukan wadah untuk aplikasi eksternal (biasanya pemutar video).

<source>: Mendeskripsikan sumber untuk <video> dan <audio>.

<track>: Menentukan track untuk <video> dan <audio>.

<video>: Mendefinisikan konten video.