对于网站的"扩展页脚",哪种语义更好 - <aside>或<footer>？

Question

这将是一个网站的扩展页脚"语义标记好<aside>还是<footer>？

通过"扩展页脚",我指的是类似于本网站上的扩展页脚(包含联系人详细信息和营业时间),而不是包含版权声明的最底部的"真实"页脚."扩展页脚"的内容将是一般的,站点范围内的,并且与站点页面的内容无特别相关.

根据HTML5Doctor中引用的规范:

页脚元素表示其最近的祖先切片内容或切片根元素的页脚.页脚通常包含有关其部分的信息,例如谁编写它,链接到相关文档,版权数据等.

我倾向于实现类似的东西

<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>内部实现<main>.

Answer 1

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以及以任何具体方式的朋友.有一天他们可能,然后在aside元素中使用"切向相关"内容和(header和)footer元素中的"样板"内容可能具有一定的重要性(例如,使得使用屏幕阅读器的人在听到之后可以轻松跳过网站样板一旦).

PS"语义上更好"没有明确定义的含义,即它在语义上是模糊的,如果不是空的话.通常在HTML上下文中,"语义"实际上意味着"结构",即与页面结构相关而不是与事物的意义相关.在实践中,问题似乎是:我们应该如何解释HTML5草稿(和/或WHATWG HTML)中的结构性,有时甚至是学术性的描述？