1

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

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

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

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

姓名
电话号码 | 电子邮件 | 网站
------------------------------
章节标题
专业 | 次要的
当前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>
4

2 回答 2

0

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

于 2012-05-15T02:43:48.703 回答
0

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

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

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

于 2012-05-14T05:09:42.907 回答