html - 脚注列表和内容的语义元素

标签 html

给定一篇文章末尾的一组脚注:

<article>
    <p>Some content here</p>
    <ol class="footnotes">
        <li id="footnote-1">Footnote 1 text</li>
        <li id="footnote-2">Footnote 2 text</li>
    </ol>
</article>

是否有一个 HTML5 容器元素比带有 class = "footnotes"的 oldiv 更具描述性/语义(或者是否有一个合适的容器应该包装ol 元素)?而且,对于每个单独的脚注,是否有比 pli 更具描述性/语义的文本元素?如果没有,是否有一种微格式至少可以建立一些通用的类名供使用?

请注意,此问题与脚注链接 的标记无关 - 即 already been discussed并且在 HTML 中似乎仍然没有元素可以在语义上识别脚注链接。为了简洁起见,我在此处的示例标记中省略了脚注链接和反向链接。

最佳答案

目前还没有任何专门的机制,但是可以将带有链接的脚注或带有列表元素的简单脚注以及边注合并到一个常见的建议替代标记中。您可能已经看过这个 - "HTML5 Common Idioms without dedicated elements"

当然,将每个脚注包裹在 <section> 中更可行。元素,如果一个以上出现在单个 <article> .如果不是这种情况,您可以将它们包装在 <footer> 中或 <aside> .然后内容元素像往常一样跟随。喜欢<p>用于描述性分割。

这是“ Footnotes with microformats ”的另一个例子

关于html - 脚注列表和内容的语义元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18162068/

相关文章:

html - 调整页面大小时图像向左或向右移动

javascript - 辅助功能 - 在 TAB 键按下时触发悬停和焦点事件

javascript - 自动滚动

javascript - CSS 透视舷窗

html - 关于 html <button> 标签

html - CSS 方法 : Easily make all rules check for 1 ancestor

html - 隐藏的溢出不适用于内联 block 父级

javascript - 旧版 IE 黑客攻击 : label not focusing input

c# - XPath 搜索所有文本节点,而不是任何其他子节点的内部文本

javascript - window.location 下载具有大请求数据的文件