Categories
Web Accessibility Web Standards

Menyajikan Percakapan ala HTML5

Diperbarui: Minggu, 25 Juli 2010
Bagi di FB | Cuitkan

Untuk HTML4 dan XHTML, lihat kembali Menulis Konten Tanya Jawab yang Semantik (Dani Iswara .com).

Menurut usulan konsep baru di HTML5[1], untuk menandai suatu konten percakapan di Web, cukup memakai kombinasi tag p dan tanda baca seperlunya. Orang yang terlibat dalam diskusi bisa ditandai dengan tag b dan span. Ekspresi yang terungkap, bisa ditandai dengan tag i. Contohnya seperti diskusi khayalan di bawah:

<p> <time>10:22</time> <b>Dani Iswara</b> Beberapa tag HTML4 terlihat terlalu dipaksakan untuk terpakai di HTML5. Benarkah?
<p> <time>10:23</time> <b>Tim Pengembang</b> Dalam bahasa kami, ya, kami mendefinisikan ulang beberapa elemen terdahulu.
<p> <time>10:24</time> <b>Dani Iswara</b> Apakah HTML5 takut dikatakan tidak kompatibel dengan HTML4 karena banyaknya tag baru yang lebih semantik dan tag lama yang berbeda fungsi?
<p> <time>10:25</time> <i>* Tim Pengembang tersenyum penuh makna</i>.
<p> <time>10:26</time> <b>Tim Pengembang</b> Ya, perubahan yang lebih baik harus dilakukan sekarang. Kapan lagi?

Usulan lain, percakapan dalam HTML5 menawarkan penyajian yang lebih semantik dengan susunan tag berikut[2], contoh khayalannya:

<dialog>
<dt><a href="http://twitter.com/daniiswara">@daniiswara</a>, <time datetime="2010-04-11T11:35:54">10 minutes ago</time></dt>
<dd><a href="http://twitter.com/html5">@html5</a> Apakah tag b masih bisa dipakai di HTML5?</dd>
<dt><a href="http://twitter.com/html5">@html5</a>, <time datetime="2010-04-11T12:38:56">15 minutes ago</time></dt>
<dd><a href="http://twitter.com/daniiswara">@daniiswara</a> Bisa. Untuk menandai kata kunci.</dd>
</dialog>

Kurang lebih akan terlihat seperti berikut:

<dialog>

@daniiswara,
@html5 Apakah tag b masih bisa dipakai di HTML5?
@html5,
@daniiswara Bisa. Untuk menandai kata kunci.

</dialog>

Dalam konteks percakapan, fungsi dl (definition list) berubah jadi daftar yang memiliki hubungan atau asosiasi. Bukan lagi sekadar mendefinisikan sesuatu.

Kita lihat perkembangan selanjutnya. Format mana yang lebih disetujui. Mungkin pula akan ada usulan format lain.

Bacaan:

7 replies on “Menyajikan Percakapan ala HTML5”

Cahya,
untuk pranala di diskusi ala Twitter maksudnya? Itu opsional, menurut saya. Pranala akun Twitter sepertinya cukup disebut sekali di awal diskusi.

Rudy Azhar,
kalau sudah banyak, ya, saya tidak ikut lagi. Saya kan minoritas. Bukan pengikut arus. Jadi penonton di pinggir lapangan saja, lebih enak.

waduh..ini ngambil di w3c ya, kalau saya masih bingung sama fungsi aside dan figcaption
kbd juga asik seperti menampilkan tulisan kompi..
ayo markup dan listing lebih banyak kta pecahkan sama-sama..
kapan lagi mas dan,,,

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.