Menyajikan Percakapan ala HTML5

Diperbarui 25 Juli 2010 oleh Dani Iswara

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, 10 minutes ago

@html5 Apakah tag b masih bisa dipakai di HTML5?

@html5, 15 minutes ago

@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:

• Conversations – HTML5 (w3.org).
• A little more conversation with dialog oleh Mike Robinson (html5doctor.com).