[发明专利]一种列表的显示方法及装置

说明书

本发明公开了一种列表的显示方法及装置，所述方法包括：接收用户输入的图标信息、每一行的标题内容和每一行的附加信息，将标题内容和附加信息写入HTML文档中；将图标信息写入CSS文档中；根据CSS文档中保存的附加信息的样式信息，按照对应样式显示每一行的附加信息；根据CSS文档中保存的标题内容的显示位置信息，在对应的位置显示每一行的标题内容；根据CSS文档中保存的图标信息的显示位置信息，在对应的位置显示每一行的图标信息。由于在本发明实施例中，将图标信息写入CSS文档中，并且CSS文档中只写有一个图标信息，因此减少了HTML文档和CSS文档总的代码量，使得占用带宽资源较少，降低了系统负荷。

技术领域

本发明涉及列表显示领域，尤其涉及一种列表的显示方法及装置。

背景技术

网页中经常会用到列表来显示多条相同格式不同内容的信息，列表中通常包含列表图标、标题文本、附加信息。附加信息包括时间、内容分类、其他操作按钮等，通常使用超文本标记语言(Hyper Text Markup Language，HTML)和层叠样式表(Cascading StyleSheets，CSS)对列表样式进行控制。HTML用于定义页面元素的内容；CSS用于控制页面元素的样式。

目前常用的列表的显示方法为：将待显示列表的每一行的图标信息、标题内容和附加信息写入HTML文档中，将图标信息所属的标签的样式信息、标题内容所属的标签的样式信息以及附加信息所属的标签的样式信息写入CSS文档中，进而根据CSS文档中的样式信息，显示HTML文档中的每一行的图标信息、标题内容和附加信息。

一般，列表中多行内容是对应同一个图标信息的，而现有技术中是将图标信息写在了HTML文档中，这样，列表中每一行中都包括图标信息，HTML文档就会有多个重复的图标信息，使得HTML文档和CSS文档总的代码量较大，占用带宽资源较多，系统负荷较大。

发明内容

本发明实施例提供了一种列表的显示方法及装置，用以解决现有技术中列表显示时HTML文档和CSS文档总的代码量较大，占用带宽资源较多，系统负荷较大的问题。

本发明实施例提供了一种列表的显示方法，所述方法包括：

接收用户输入的待显示列表的图标信息、每一行的标题内容和每一行的附加信息，将所述每一行的标题内容和每一行的附加信息写入超文本标记语言HTML文档中；将所述图标信息写入与所述HTML文档对应的层叠样式表CSS文档中；

根据写入到所述HTML文档中的每一行的附加信息及所述CSS文档中保存的每一行的附加信息的样式信息，按照对应样式显示每一行的附加信息；根据写入到所述HTML文档中的每一行的标题内容及所述CSS文档中保存的每一行的标题内容的显示位置信息，在对应的位置显示每一行的标题内容；根据写入到所述CSS文档中的图标信息及所述CSS文档中保存的图标信息的显示位置信息，在对应的位置显示每一行的图标信息。

进一步地，所述附加信息包括：

时间信息和/或内容分类信息。

进一步地，所述附加信息的样式信息包括：

附加信息的浮动显示样式信息。

进一步地，所述标题内容的显示位置信息包括：

标题内容与列表左侧边框的距离信息，或者标题内容与列表右侧边框的距离信息。

进一步地，所述图标信息的显示位置信息包括：

图标信息在水平方向和垂直方向的显示位置信息。

进一步地，所述将所述每一行的标题内容和每一行的附加信息写入HTML文档中包括：

针对每一行的标题内容和附加信息，在HTML文档中，将该行的附加信息写在该行的标题内容之前。