5

对于站点“扩展页脚”，哪个在语义上会<aside>更好<footer>？

通过“扩展页脚”，我指的是本网站上的扩展页脚（包含联系方式和营业时间，而不是包含版权声明的最底部的“真实”页脚）。“扩展页脚”的内容将是通用的、站点范围的，并且与站点页面的内容没有具体关系。

根据HTML5Doctor 中引用的规范：

footer 元素表示其最近的祖先分段内容或分段根元素的页脚。页脚通常包含有关其部分的信息，例如作者、相关文档的链接、版权数据等。

我会倾向于实施类似的东西

<footer>
    <div id="extended-footer"> <!-- Sitemap, latest posts, contact details, etc. --> </div>
    <div id="bottom-footer"> <!-- Copyright notice etc. --> </div>
</footer>

但是，我注意到HTML5Doctor 网站本身使用了类似下面的代码：

<aside id="extended-footer"> ... </aside>
<footer> <!-- similar to id-footer --> <footer>

我确实注意到 HTMLDoctor 的“扩展页脚”似乎与实际的文章/内容有某种联系（即通过“相关文章”部分），因此可能可以实现为<footer>within <main>。

4

1 回答 1

5

HTML5 CR 将footer元素定义为表示页脚。它没有给出除此之外的真正定义，尽管它通过一些示例来描述页脚。然而，在字里行间，我认为我们可以看到两个“页脚”概念交织在一起：页脚作为附加信息，属于页面内容本身，但由于其性质而被抵消；页脚作为样板出现在网站的所有或大部分页面上，可能带有一些特定于页面的修改。

无论哪种方式，例如，社交媒体按钮似乎都属于一个aside元素，因为它们实际上只是与（网站或页面的）内容“切线相关”。然而，它们通常在所有页面上重复，因此在逻辑上是“样板”意义上的页脚的一部分。

解决方案似乎很简单：使用aside嵌套在元素内的footer元素，例如

<footer>
  © 2013 ACME • <a href=map.html>Sitemap</a>
  <aside><a href="https://www.facebook.com/acme">
  <img src=fb.png alt=Facebook></a></aside>
</footer>

在这种情况下选择标记几乎没有实际影响，至少目前是这样。浏览器、搜索引擎和其他相关软件不会以任何特定方式处理footer、aside和 朋友。有一天他们可能会这样做，然后在元素中包含“切向相关”的内容并在 ( and)元素中aside包含“样板”内容（例如，这样使用屏幕阅读器的人可以在听到站点样板后轻松跳过它）一次）。headerfooter

PS“语义更好”没有明确定义的含义，即它在语义上是模糊的，如果不是空的话。大多数情况下，在 HTML 上下文中，“语义”实际上意味着“结构”，即与页面结构有关，而不是与事物的含义有关。在实践中，问题似乎是：我们应该如何解释 HTML5 草案（和/或 WHATWG HTML）中结构性的、有时是学术性的描述？

于 2013-09-24T06:28:11.140 回答