ELEMEN – ELEMEN HTML 5
Pada artikel serial HTML5 kali ini kita akan
membahas tentang elemen – elemen yang ada pada HTML5. Oh iya sebelumnya saya
jelaskan dulu kenapa HTML 4.01 diperbaharui ialah karena beberapa elemen dalam
HTML 4.01 sudah usang, tidak pernah digunakan, atau tidak banyak memberikan
manfaat, maka lahirlah HTML5. Silakan baca dulu tutorial tentang perbedaan HTML
dengan HTML5 ini untuk lebih memperkaya latar belakang perubahan HTML menjadi
HTML5.
Seperti contohnya pada elemen HTML5 untuk mendefinisikan
video, seperti klip video atau video stream lainnya menggunakan tag
<video>, mendefinisikan tag suara, seperti musik atau audio lain
menggunakan tag <audio>, mendefinisikan konten tertanam, seperti plug-in
menggunakan tag <embed>.
Ok, untuk lebih jelasnya berikut ini contoh –
contoh elemen pada html5 :
A. Elemen
Markup
HyperText Markup Language (HTML) adalah
sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web,
menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan
pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar
dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas
yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII
normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari
sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan
percetakan yang disebut dengan SGML (Standard Generalized Markup Language),
HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman
web. HTML saat ini merupakan standar Internet yang didefinisikan dan
dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Tag yang ada dalam elemen markup adalah :
1.
<article>
digunakan untuk konten eksternal, seperti teks dari artikel-berita,
blog, forum, atau konten lain dari sumber eksternal
2.
<aside> digunakan untuk konten selain konten itu
ditempatkan di samping konten yang masuk harus berkaitan dengan isi sekitarnya
3.
<command> digunakan untuk Sebuah tombol, atau
radiobutton, atau sebuah kotak centang
4.
<details> digunakan untuk rincian menggambarkan
tentang sebuah dokumen, atau bagian dari dokumen
5.
<summary> digunakan sebagai Sebuah keterangan,
atau ringkasan, dalam rincian elemen
6.
<figure> digunakan untuk pengelompokan bagian
dari konten berdiri sendiri, bisa video
7.
<figcaption> digunakan sebagai Keterangan dari
tokoh bagian
8.
<footer> digunakan untuk footer dari dokumen atau
bagian, dapat meliputi nama penulis, tanggal dokumen, informasi kontak, atau
informasi hak cipta
9.
<header> digunakan untuk penerapan suatu dokumen
atau bagian, dapat mencakup navigasi
10. <hgroup>
digunakan untuk bagian dari pos, menggunakan <h1> untuk <h6>, di
mana yang terbesar adalah pos utama bagian tersebut, dan yang lainnya sub-judul
11. <mark>
digunakan untuk teks yang harus disorot
12. <meter>
digunakan untuk pengukuran, digunakan hanya jika nilai-nilai maksimum dan
minimum diketahui
13. <nav>
digunkan untuk bagian navigasi atau menu
14. <progress>
menyatakan keadaan pekerjaan berlangsung
15. <ruby>
digunakan untuk penjelasan ruby (catatan Cina atau karakter)
16. <rt>
digunakan untuk penjelasan tentang penjelasan ruby
17. <rp>
digunakan untuk menunjukkan browser yang tidak mendukung elemen ruby
18. <section>
digunakan untuk bagian dalam dokumen. Seperti bab, header, footer, atau bagian
lain dari dokumen
19. <time>
digunakan untuk menentukan waktu atau tanggal, atau keduanya
B. Elemen
Media
Elemen media adalah penggabungan
antara penggabungan
dari dua atau lebih unsur (elemen) media yang terdiri visual / video,
suara / audio dan gerak / animasi serta navigasi, secara terintegrasi
Berikut ini adalah tag elemen media :
1.
<audio> digunakan untuk konten multimedia ,
suara, musik atau streaming audio lainya
2.
<video> digunakan untuk konten video , seperti
klip film atau Streaming video lainya
3.
<source> digunakan untuk mengisi embedded ,
contohnya seperti plug-in atau mengambil video dari Youtube
4.
<canvas> digunakan untuk membuat gambar pada
halaman web
C. Elemen
Form
Elemen Form digunakan untuk
menentukan ukuran dan jenis dari masing- masing input field. Walaupun dapat
dimiliki banyak form dalam satu halaman, tetapi anda tidak dapat melakukan form
dalam form.
D.
Sedangkan tag yang ada dalam elemen form adalah :
1.
<datalist> sebagai daftar pilihan untuk nilai
input
2.
<keygen> digunakan sebagai hasilkan kunci untuk
mengotentikasi pengguna
3.
<output> digunakan untuk berbagai jenis output,
seperti output yang ditulis oleh script
Tidak ada komentar:
Posting Komentar