The HTML5 tag <dialog/> designed to make a conversation, a chat or other interaction among two or more partners, provide a semantic value to your code.

<dialog>
<dt>Robin</dt>
<dd>Hello Venu</dd>
<dt>Venu</dt>
<dd>Hello Robin, How are you?</dd>
<dt>Robin</dt>
<dd>I'm fine Venu, What is your plan for today??</dd>
<dt>Venu</dt>
<dd>We will go Dream Hotel??</dd>
<dt>Robin</dt>
<dd>Thats great!!</dd>
</dialog>

View Demo

As we can see in the above code, mark the text as a <dialog/> subsequently sectioned in <dt /> and <dd /> to specify names and phrases associated with that person. We also use the <time /> tag to indicate when the conversation.

Twiter in HTML5

<dialog>
<dt><a href="http://twitter.com/VenuThomas">@VenuThomas</a>, <time datetime="2009-08-14T10:14:54">25 minutes ago</time></dt>
<dd>Any body coming with me to Dream Hotel?</dd>
<dt><a href="http://twitter.com/cijupeter">@cijupeter</a>, <time datetime="2009-08-14T10:16:45">23 minutes ago</time></dt>
<dd><a href="http://twitter.com/VenuThomas">@VenuThomas</a> Hey, of course i'm coming   </dd>
<dt><a href="http://twitter.com/VenuThomas">@VenuThomas</a>, <time datetime="2009-08-14T10:20:01">19 minutes ago</time></dt>
<dd><a href="http://twitter.com/cijupeter">@cijupeter</a> you are welcome.  </dd>
<dt><a href="http://twitter.com/cijupeter">@cijupeter</a>, <time datetime="2009-08-14T10:15:02">14 minutes ago</time></dt>
<dd><a href="http://twitter.com/VenuThomas">@VenuThomas</a> Hey, What about <a href="http://twitter.com/CerinPathrose">@CerinPathrose</a> ??</dd>
<dt><a href="http://twitter.com/VenuThomas">@VenuThomas</a>, <time datetime="2009-08-14T10:10:06">9 minutes ago</time></dt>
<dd><a href="http://twitter.com/cijupeter">@cijupeter</a> I've told him!</dd>
</dialog>

View Demo

Happy Programming!!!

Share on Facebook

This entry was posted on Friday, August 14th, 2009 and is filed under Uncategorized.