Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 需要语义标记吗_Html_Accessibility_Semantic Markup - Fatal编程技术网

Html 需要语义标记吗

Html 需要语义标记吗,html,accessibility,semantic-markup,Html,Accessibility,Semantic Markup,学生/员工信息等数据的最佳语义和可访问标记是什么 我有一个页面,我想在其中显示个人信息,如 姓名(第一名+最后一名)、地址、生日、电话号码、电子邮件、网站、主修、辅修、高中、父亲姓名、母亲姓名等 这不是表格数据,因为这不是数据列表。这是关于一个人/对象/学校/公司的信息 它可以是一列、两列或三列混合布局。 范例 名称 电话号码|电子邮件|网站 ------------------------------ 章节标题 大调|小调 当前平均成绩|上学期平均成绩 章节标题 ---------------

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

我有一个页面,我想在其中显示个人信息,如 姓名(第一名+最后一名)、地址、生日、电话号码、电子邮件、网站、主修、辅修、高中、父亲姓名、母亲姓名等

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

它可以是一列、两列或三列混合布局。 范例

名称 电话号码|电子邮件|网站 ------------------------------ 章节标题 大调|小调 当前平均成绩|上学期平均成绩 章节标题 ------------------------------ 父亲|母亲 学校|学院 我曾考虑过使用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>

标题
专业
计算机科学
少数的
数学

在HTML中,此类信息没有语义标记,除非可能对“语义”一词使用奇怪的语义。但数据是表格形式的,因为它可以组织为两列表,其中一列为属性名称,另一列为属性值。是否使用表、描述列表或其他内容应取决于默认呈现的可接受性和样式设置的方便性

使用
dl
对于HTML4定义来说是错误的(这不是一个定义列表),但是HTML4在这个问题上是自相矛盾的,实际的观点(和HTML5观点)是
dl
只是一个名称/值对的列表。如果您决定使用它,可能最简单的方法是使用一个包含多个这样的对的
dl
元素


但是,如果要用标题来分隔项目,那么最好为标题设置标题标记,并且在每个标题后面都有一个表或一个
dl
元素。

微格式ftw。你可以使用dl,虽然我会使用ul,但这是真正的特权;这是有意义的,就像使用列表几乎对任何事情都有意义一样,但这确实是你的意见。您可以为学生使用hcard微格式。他的成绩和专业……我不太确定;我100%相信并支持微格式,但也存在一些灰色地带。你可以自己做决定。。您可以对家长使用xfn(rel=“parent”),但专业还是取决于您。参考:

<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>