What’s New in HTML 5.0
What’s New in HTML 5.0
 |
Sepintas, sebagian besar elemen baru dalam HTML 5 berhubungan langsung dengan struktur konten dan tipe informasi (information types). Elemen HTML 5 yang berhubungan dengan struktur konten mencakup
<section>, <article>, <aside>, <hgroup>, <nav> dan<figure>.
Jenis elemen informasi baru mencakup
<video>, <audio>, <meter>, <time>, <details>dan <summary>. Ada masih banyak lagi perbedaan lain tetapi elemen-elemen ini pada umum yang digunakan dalam e-commerce.
Salah satu elemen penting dalam HTML 5 adalah
<article> yang merupakan sepotong konten tunggal yang independen di situs Anda. Dalam e-commerce, ini pada dasarnya adalah produk Anda. Pada halaman produk, ia harus mencakup semua detail tentang produk Anda seperti gambar, deskripsi, rincian, harga dll. Pada halaman kategori, ia adalah wadah untuk setiap produk yang ditampilkan. |
Elemen lain yang penting dalam HTML 5 adalah elemen
<video>. Sejak Apple tidak lagi mendukung Flash pada iPhone/iPad, penggunaan pemutar video berbasis browser memiliki potensi besar untuk situs apapun yang menggunakan video.
Daftar berikut hanya menggambarkan sebagian dari elemen baru di HTML 5. Sesungguhnya, HTML 5 meliputi lebih banyak fitur baru yang dirancang untuk membuat pengembangan aplikasi web lebih mudah dan lebih cepat. Namun, masih banyak web browser yang belum mendukung semua elemen baru tersebut dengan lengkap.
Elemen
|
Keterangan
|
Versi
|
Komentar
|
<acronym>
|
Mendefinisikan akronim tertanam (embedded acronyms)
|
4.0
|
Tidak lagi di dukung
|
<applet>
|
Mendefinisikan applet tertanam (embedded applet)
|
3.2
|
Tidak lagi di dukung
|
<article>
|
Mendefinisikan sebuah artikel
|
5.0
|
Elemen baru
|
<aside>
|
Mendefinisikan isi selain halaman situs
|
5.0
|
Elemen baru
|
<audio>
|
Mendefinisikan isi suara
|
5.0
|
Elemen baru
|
<basefont>
|
Mendefinisikan default font-warna, fontsize, font-family untuk semua dokumen
|
2.0
|
Tidak lagi di dukung
|
<big>
|
Digunakan untuk membuat teks tampil lebih besar
|
2.0
|
Tidak lagi di dukung
|
<canvas>
|
Mendefinisikan grafis
|
5.0
|
Elemen baru
|
<center>
|
Digunakan untuk memposisikan teks dan konten ditengah
|
3.2
|
Tidak lagi di dukung
|
<command>
|
Mendefinisikan sebuah tombol perintah
|
5.0
|
Elemen baru
|
<datalist>
|
Mendefinisikan sebuah daftar dropdown
|
5.0
|
Elemen baru
|
<details>
|
Mendefinisikan rincian suatu elemen
|
5.0
|
Elemen baru
|
<dialog>
|
Mendefinisikan sebuah dialog (percakapan)
|
5.0
|
Elemen baru
|
<dir>
|
Digunakan untuk mendefinisikan daftar direktori
|
2.0
|
Tidak lagi di dukung
|
<embed>
|
Mendefinisikan konten interaktif eksternal atau plugin
|
5.0
|
Elemen baru
|
<figure>
|
Mendefinisikan konten dan keterangan sekelompok media
|
5.0
|
Elemen baru
|
<font>
|
Mendefinisikan font, ukuran font, dan warna font teks
|
3.2
|
Tidak lagi di dukung
|
<footer>
|
Mendefinisikan footer untuk bagian atau halaman tertentu
|
5.0
|
Elemen baru
|
<frameset>
|
Mendefinisikan sebuah rangkaian bingkai (frameset), untuk mengatur beberapa jendela (frame)
|
4.01
|
Tidak lagi di dukung
|
<header>
|
Mendefinisikan header untuk bagian atau halaman tertentu
|
5.0
|
Elemen baru
|
<hgroup>
|
Mendefinisikan informasi untuk bagian atau halaman tertentu
|
5.0
|
Elemen baru
|
<keygen>
|
Mendefinisikan sebuah kunci yang dihasilkan dalam form
|
5.0
|
Elemen baru
|
<mark>
|
Mendefinisikan teks ditandai
|
5.0
|
Elemen baru
|
<meter>
|
Mendefinisikan pengukuran dalam rentang yang sudah ditetapkan
|
5.0
|
Elemen baru
|
<nav>
|
Mendefinisikan tautan navigasi
|
5.0
|
Elemen baru
|
<noframes>
|
Digunakan untuk menampilkan teks untuk browser yang tidak menangani frame
|
4.01
|
Tidak lagi di dukung
|
<output>
|
Mendefinisikan beberapa jenis output untuk form, name.
|
5.0
|
Elemen baru
|
<rp>
|
Digunakan oleh anotasi ruby untuk mendefinisikan apa harus ditampilkan oleh browser yang tidak mendukung elemen ruby
|
5.0
|
Elemen baru
|
<rt>
|
Mendefinisikan penjelasan untuk anotasi ruby
|
5.0
|
Elemen baru
|
<ruby>
|
Mendefinisikan anotasi ruby
|
5.0
|
Elemen baru
|
<s>, <strike>
|
Mendefinisikan teks strikethrough.
|
3.0, 4.0
|
Tidak lagi di dukung
|
<section>
|
Mendefinisikan suatu bagian
|
5.0
|
Elemen baru
|
<source>
|
Mendefinisikan sumber daya media
|
5.0
|
Elemen baru
|
<tt>
|
Mendefinisikan teks teletype
|
2.0
|
Tidak lagi di dukung
|
<u>
|
Mendefinisikan teks digaris bawah
|
2.0
|
Tidak lagi di dukung
|
<video>
|
Mendefinisikan video
|
5.0
|
Elemen baru
|
 |
Untuk mendapatkan referensi yang lebih lengkap tentang elemen baru di HTML 5 dan bagaimana HTML 5 berpengaruh pada elemen di versi HTML lama, simak Tips & Trik selanjutnya.
Buku “Referensi Ringkas HTML 5” (Terbit Okt 2011)
 |
Christopher Lee
0 komentar:
Post a Comment