css - 您如何知道您的数据是否在语义上正确显示为表格或其他内容?

标签 css semantic-markup

我有来自数据库的信息。它是一排。现在,它是旧的,并且使用表格来显示数据。它可以工作,但很丑陋且难以维护。我正在“修复”它。但是,我不知道它是否被视为表格。它来自数据库表,但我不知道在使用表进行显示时在语义上正确意味着什么。

我在网页上有几个这样的部分。它们都是调用同一个数据库,不同的数据集,在网页中被分割。

比如一个集合是一个通用的信息集合,lastname, firstname, middle, other stats...

下一部分可能是地址等

前阵子当我做 asp.net 表单时有一个 ListView ,我认为这与我需要创建的类似(我只使用直接的 html 和脚本语言,没有控件)。

我应该如何显示语义正确的信息?

编辑:不重复是一个人。

编辑:单个记录,但显示在同一页面上,只需使用各种 SELECT 语句即可在同一页面上获取所有数据。

最佳答案

如果它是表格数据(即多条记录显示在彼此下方),则 <table>可能是最好的选择。如果它是单个记录的 View ,甚至可能聚合来自多个表的数据,那么 <table>不应该是您的第一选择。

表格数据:

 --------------------------------
| ID | Name | Description | Date |  
 --------------------------------
| 01 | ...  | ...         | ...  |
| 02 | ...  | ...         | ...  |

非表格数据:

ID:          ...
Name:        ...
Description: .................
             .................
             .....

Date:        ....

关于css - 您如何知道您的数据是否在语义上正确显示为表格或其他内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13479944/

相关文章:

javascript - 网站上的 Google 翻译菜单无法在 iPad 上使用

HTML 语义 : Should the icon to trigger the menu on a responsive page be included in the nav?

html - 将定义列表样式化为简单的键值集

html - 透明 <hr> 响应垂直间距 : is it really that unsemantic?

html - 我应该用 <p> 元素包裹每个文本节点吗?

html - 如何在一行中布置两个 <div>,并使一个居中对齐(相对于整行)而另一个右对齐?

php - 嵌套 div 中的表单文本字段不可点击

html - 图像上的文本仅包含 css 和 html

xhtml - 在HTML中正确定义“表格数据”

html - 划线/删除线穿过整个 HTML 表格行