需要语义标记

Question

学生/员工信息等数据的最佳语义和可访问标记是什么。

我有一个页面，我想在其中显示人员信息，例如 姓名（名字+姓氏）、地址、生日、电话号码、电子邮件、网站、专业、未成年人、高中、父亲姓名、母亲姓名等。

这不是表格数据，因为这不是数据列表。这是仅关于一个人/对象/学校/公司的信息。

它可以以一列、两列或三列混合布局呈现。 例子

姓名 电话号码 |电子邮件 |网站 ------------------------------ 章节标题 专业 |次要的 当前gpa |上学期gpa 章节标题 ------------------------------ 父亲| 高分辨率照片| CLIPARTO母亲 学校|大学

我一直在考虑使用 Div + DL，但对于可访问性来说似乎有点矫枉过正。

<div>
  <h3>Title</h3>
  <div class="row">
    <dl>
       <dt>Major</dt>
       <dd>Computer Science</dd>
     </dl>

     <dl>
       <dt>Minor</dt>
       <dd>Math</dd>
     </dl>

   </div>
 </div>

Answer 1

HTML 中没有此类信息的语义标记，除非对“语义”一词使用奇怪的语义。但是数据是表格的，因为它可以组织成一个两列的表格，一列中的属性名称，另一列中的属性值。无论您使用表格、描述列表还是其他东西，都应该取决于默认呈现的可接受性和样式的易用性。

使用dl是HTML 4定义错误的（这不是定义的列表），但是HTML 4在这个问题上是自相矛盾的，实用的观点（和HTML5的观点）是dl 只是名称/值对的列表。如果您决定使用它，最简单的方法可能是拥有一个包含多个此类对的 dl 元素。

但如果项目要通过标题分隔，那么最好在标题上加上标题标记，并在每个标题后添加一个表格或一个dl 元素。

Answer 2

微格式ftw。你可以使用 dl，虽然我会使用 ul，但这确实是特权；这很有意义，就像使用列表对几乎任何事情都有意义一样，但这确实是您的意见。您可以为学生使用 hcard 微格式。对于他的成绩和专业……我不太确定；我 100% 相信并支持微格式，但也有一些灰色地带。你可以自己做决定。你可以使用 xfn 作为父母（rel="parent"），但专业还是取决于你。参考：http://microformats.org