Menyajikan Percakapan ala HTML5

Noted: Friday, July 23, 2010 at 15:12:33. Words count: 269.
Last updated: Sunday, July 25, 2010 at 10:17:09.

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:

Dani Iswara, [myfirstnamelastname]@gmail.com.

unEssential.

7 comments to "Menyajikan Percakapan ala HTML5"

  1. Cahya

    Berarti lebih banyak tab ya?

  2. dani

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

  3. aldy

    Sayangnya semua tutorial menggunakan bahasa Inggris (*nasib blogger tidak bisa berbahasa Inggris*)

  4. dani

    Pak Aldy,
    nanti juga banyak yang bahasa Indonesianya, Pak.

  5. Rudy Azhar

    dani,

    Pak Aldy,
    nanti juga banyak yang bahasa Indonesianya, Pak.

    salah satunya diblog ini ya?

  6. dani

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

  7. hendro

    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,,,

Leave comment


All XHTML markups will be held for moderation. Keep on topic, please.