html - 从语义上推荐哪些 HTML 元素用于关键字索引(书籍中)?

标签 html semantic-markup

哪些 HTML 元素在语义上最适合构建 an index (as in publishing) 的标记?关键字索引通常可以在技术文献中找到,虽然很明显这里的页码有点偏离,但让我们想象一下这些是用超链接包裹的缩写章节号。

Here is the screenshot of "Index" Appendix with keywords used in a book and their page numbers

虽然屏幕截图有点具体,但我认为我的问题本质上足够通用。

最佳答案

一个<dl> (描述列表)最适合标记索引。

<dl>
  <dt>absolute URLs</dt>
  <dd>79</dd>

  <dt>accessibility</dt>
  <dd>7
    <dl>
      <dt>alt text</dt>
      <dd>99, 272, 480</dd>
      <dt>contrast</dt>
      <dd>253, 420</dd>
    </dl>
  </dd>
  
  <dt>acronyms</dt>
  <dd>53</dd>
</dl>

根据the spec :

The dl element represents an association list consisting of zero or more name-value groups (a description list). [...] Name-value groups may be terms and definitions, metadata topics and values, questions and answers, or any other groups of name-value data.

您可以将索引中的每个关键字视为“术语/名称”,将每个页码视为“定义/值”。

关于html - 从语义上推荐哪些 HTML 元素用于关键字索引(书籍中)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57257653/

相关文章:

javascript - 通过 AJAX 将 HTML 转换为 PHP 表单输入

python - 表单提交未收到多个 html 选择

css - 嵌套表 - 合法吗?

html - 建议处理带有 block 内容的段落?

html - 呈现的标题图像。从语义上讲,我应该使用 img 标签还是背景?

javascript - 当文档的宽度发生变化时更改 Javascript 规则

html - Yii2:将 CSS 放置在 <body> 的底部

html - 在完整的文章页面上,文章标题应该在 <article> 标签内吗?

jquery - 使用 jq 更改垂直滚动的背景颜色

javascript - 使用语义类名与使用微数据