html - 使用 HTML 描述列表(dl、dt、dd)有什么好处?
问题描述
MDN解释了<dl>
,<dt>
和<dd>
标签可用于实现词汇表或键值对列表。
根据maxdesign.com.au(2004 年发表的文章,其陈述可能不准确),使用它们甚至有缺点:
- 定义内
<dt>
列表不能包含块级元素; - 搜索引擎不会“以与基于标题的内容相同的方式”索引定义列表内容;
- 它们不能包含诸如“标签”和“标题”之类的屏幕阅读器辅助功能来将信息联系在一起。
此外,它们的基本浏览器开箱即用样式可以轻松复制,同时忽略上述缺点。
在表格、段落或任何其他元素上使用 HTML 描述列表是否有任何切实的好处(在语义、SEO 等方面)?
解决方案
- 定义内
<dt>
列表不能包含块级元素;
Untrue - <dt>
s 可以包含一些块级元素,例如段落。
- 搜索引擎不会“以与基于标题的内容相同的方式”索引定义列表内容;
所以呢?不一样并不意味着更好或更坏。通常,在一个写得很好的页面标题应该比定义术语或描述得分更高。
- 它们不能包含诸如“标签”和“标题”之类的屏幕阅读器辅助功能来将信息联系在一起。
大多不真实。<dt>
不能包含标题。<dd>
能够。两者都可以包含标签(尽管想要在 a 中包含一个标签会很奇怪<dt>
)。
在表格、段落或任何其他元素上使用 HTML 描述列表是否有任何切实的好处(在语义、SEO 等方面)?
<dt>
s 自动获取辅助工具使用的“术语”角色。
<dd>
s 自动获得辅助工具使用的“定义”角色。
推荐阅读
- android - 如何使按钮从kotlin的另一个片段中打开另一个片段
- c# - Listview 的选定项目与项目的选定状态不同步,除非在选择后释放我的鼠标指针
- bash - 在whiptail中使用动态列表
- python - 为什么当我按“a”和“d”时我的坦克不移动?
- google-bigquery - 如何为 Google BigQuery 自定义数据集?我可以导出文件吗?如何测试它是否满足我的需求?
- apache-flex - flexmdi.swc 和 flexlib.swc 在 apache Royale 中的等效概念是什么
- ios - 更新后 RealmSwift 崩溃并出现错误“无效的属性名称”
- pandas - 如何比较不同线性回归模型的有效性
- go - os.Exit 后不应该无法访问代码
- javascript - 交叉点观察者在 Edge 中不起作用