使用Divs或使用表格(tr,td)格式化聊天室?

时间:2015-09-28 11:16:39

标签: html css html-table

我创建了一个聊天室,用户将其消息键入textarea,然后将消息发送到PHP文件,在该文件中围绕消息创建一个html,然后将其写入名为log.html的文件中。它还会获取用户的用户名和他的个人资料图片。

所以以前我的代码看起来像这样:

<div class='msgln'>

    <ul>
        <li class='float'><img src='$someimg'></li>
        <li class='username_chatroom'><b>username</b></li>
        <li class='text_chatroom'><span class='text_span'>Random text</span><li>


    </ul>


</div>

为了更容易格式化,将div转换为table td,tr更有意义吗?那么代码会是这样的吗? :

<tr class='tr_chat'>
        <td class='img_chat'><img src='$someimg'></td>
        <td class='usr_chat'><b>username</b></td>
        <td class='msg_chat'>Text text text</td>    
</tr>

我接下来唯一的另一个问题是,当我创建这个html所在的文件时,我是否需要定义表的结尾?因为当我创建一个文件时,我可以在开头<table>定义,但我无法结束它,因为代码会像这样:

      <table>
      </table>
      <tr class='tr_chat'>
      <td class='img_chat'><img src='$someimg'></td>
      <td class='usr_chat'><b>username</b></td>
      <td class='msg_chat'>Text text text</td>  
      </tr>

那么,使用表而不是div来进行格式化更好吗?如果是这样的话......我是否需要定义表的结尾?

1 个答案:

答案 0 :(得分:1)

  

为了更容易格式化,将div转换为table td,tr更有意义吗?

不,但转换为表格确实有意义,因为数据本质上是表格式的。

一行中的每个项目都有一些共同点(它是一个特定的消息和关于它的元数据)。

每一栏都有一些共同点(你有合理的标题,你可以给他们)。

这就是表格的用途。

  

我唯一的另一个问题是,当我创建这个html所在的文件时,我是否需要定义表的结尾?

是。表元素的结束标记是必需的。

  

因为当我创建一个文件时,我可以在beggining中定义但是我无法结束它,因为代码会像这样然后

您的问题是您正在尝试使用HTML作为数据库。

使用真实数据库。根据需要从中生成HTML。