UNSUR BARU PADA HTML5, TAG BARU PADA HTML5. Ninosaji Bloggers akan membagikan unsur baru atau tag baru pada html5. berikut penjelasan dari unsur baru html5, tag baru html5. Disini Ninosaji Bloggers akan share Unsur baru atau tag-tag baru pada HTML5, sumber tag ini berasal dari w3schools , tujuan saya hanya untuk berbagi dan belajar bersama. mari kita bersama-sama belajar dan semoga bisa bermanfaat bagi anda.
Dalam perkembangan dunia Internet banyak berubah sejak HTML 4.01 menjadi standar pada tahun 1999. Beberapa elemen dalam HTML 4.01 yang sudah usang, tidak pernah digunakan, atau tidak memberikan manfaat yang banyak , maka akan dihapus atau ditulis ulang di HTML5.
Untuk lebih menangani penggunaan internet saat ini yang semakin berkembang, HTML5 juga mencakup beberapa unsur-unsur baru untuk struktur yang lebih baik, gambar, isi media, dan bentuk penanganan yang lebih baik.
Penambahan unsur baru pada HTML5 :
| TAG | PENJELASAN |
|---|---|
| <article> | Untuk konten eksternal, seperti teks dari artikel-berita, blog, forum, atau konten lain dari sumber eksternal |
| <aside> | Untuk konten selain konten itu ditempatkan di samping konten yang masuk harus berkaitan dengan isi sekitarnya |
| <command> | Sebuah tombol, atau radiobutton, atau sebuah kotak centang |
| <details> | Untuk rincian menggambarkan tentang sebuah dokumen, atau bagian dari dokumen |
| <summary> | Sebuah keterangan, atau ringkasan, dalam rincian elemen |
| <figure> | Untuk pengelompokan bagian dari konten berdiri sendiri, bisa video |
| <figcaption> | Keterangan dari tokoh bagian |
| <footer> | Untuk footer dari dokumen atau bagian, dapat meliputi nama penulis, tanggal dokumen, informasi kontak, atau informasi hak cipta |
| <header> | Untuk penerapan suatu dokumen atau bagian, dapat mencakup navigasi |
| <hgroup> | Untuk bagian dari pos, menggunakan <h1> untuk <h6>, di mana yang terbesar adalah pos utama bagian tersebut, dan yang lainnya sub-judul |
| <mark> | Untuk teks yang harus disorot |
| <meter> | Untuk pengukuran, digunakan hanya jika nilai-nilai maksimum dan minimum diketahui |
| <nav> | Untuk bagian navigasi atau menu |
| <progress> | Keadaan pekerjaan berlangsung |
| <ruby> | Untuk penjelasan ruby (catatan Cina atau karakter) |
| <rt> | Untuk penjelasan tentang penjelasan ruby |
| <rp> | Apa untuk menunjukkan browser yang tidak mendukung elemen ruby |
| <section> | Untuk bagian dalam dokumen. Seperti bab, header, footer, atau bagian lain dari dokumen |
| <time> | Untuk menentukan waktu atau tanggal, atau keduanya |
ELEMEN BARU UNTUK MEDIA
Standar baru untuk konten Media :
| TAG | PENJELASAN |
|---|---|
| <audio> | Untuk konten multimedia , suara, musik atau streaming audio lainya |
| <video> | Untuk konten video , seperti klip film atau Streaming video lainya |
| <source> | Untuk sumber suatu media pada elemen media, menjelaskan didalam video atau media audio |
| <embed> | Untuk mengisi embedded , contohnya seperti plug-in atau mengambil video dari Youtube. |
UNSUR TAG CANVAS
Unsur kanvas menggunakan JavaScript untuk membuat gambar pada halaman web.
| TAG | PENJELASAN |
|---|---|
| <canvas> | Untuk membuat gambar pada halaman web |
TAG ATAU UNSUR BARU PADA FORM
HTML5 memberika unsur-unsur bentuk yang lebih baik, dengan fungsionalitas yang lebih baik pula:
| TAG | PENJELASAN |
|---|---|
| <datalist> | Daftar pilihan untuk nilai input |
| <keygen> | Hasilkan kunci untuk mengotentikasi pengguna |
| <output> | Untuk berbagai jenis output, seperti output yang ditulis oleh script |
NILAI BARU ATRIBUT TIPE INPUT
Sebuah atribut elemen input yang memiliki nilai-nilai baru, untuk kontrol input yang lebih baik sebelum mengirimnya ke server:
| TIPE | PENJELASAN |
|---|---|
| tel | Nilai input untuk nomor telepon |
| search | Untuk bidang pencarian |
| url | Nilai input untuk memasukkan URL |
| Untuk mengisi email atau lebih dari 1 email | |
| datetime | Untuk pengisian waktu dan tanggal |
| date | Untuk pengisian tanggal |
| month | Untuk pengisian bulan |
| week | Untuk pengisian minggu |
| time | Untuk pengisian waktu |
| datetime-local | Untuk pengisian lokal waktu/tanggal |
| number | Untuk pengisian nomer |
| range | Untuk pengisian rentang waktu |
| color | Untuk pengisian heksadesimal sebuah warna, contohnya #FF8800 |
Description : UNSUR BARU PADA HTML5, TAG BARU PADA HTML5 . Ninosaji Bloggers akan membagikan unsur baru atau tag baru pada html5. berikut penjelasan dar...
