Question

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

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

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

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

name
phone number | email | website
------------------------------
section title
major | minor
current gpa | last semester gpa

section title
------------------------------
father | mother
school | college

我正在考虑使用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中没有这种信息的语义标记，除非对单词“semantic”使用奇怪的语义。但数据是表格，因为它可以组织为两列表，一列中的属性名称，另一列中的属性值。无论您使用表格，还是描述列表，还是其他内容都应取决于默认呈现的可接受性和样式的简易性。

HTML 4定义使用dl是错误的（这不是定义的列表），但HTML 4在本期杂志和实际观点（和HTML5）中是自相矛盾的view）是dl只是名称/值对的列表。如果你决定使用它，那么拥有一个dl元素可能是最简单的，包含几个这样的对。

但如果项目要用标题分隔，那么最好是标题的标题标记，以及每个标题后面的一个表格或一个dl元素。

Answer 2

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

需要语义标记

2 个答案: