Question

对于网站的“扩展页脚”<aside>或<footer>，哪种语义更好的标记？

页脚元素代表其最近祖先的页脚分割内容或分割根元素。通常是一个页脚包含有关其部分的信息，例如谁写了它，链接到相关文件，版权数据等。

我倾向于实现像

这样的东西

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

但是，我注意到HTML5Doctor site本身使用的东西类似于下面的剪辑：

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

我注意到虽然HTMLDoctor的“扩展页脚”似乎与实际文章/内容有某些联系（即通过“相关帖子”部分），因此可能在{<footer>内实现<main> 1}}。

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元素中的“样板”内容可能具有一定的重要性（例如，因此，使用屏幕阅读器的人可以在听到一次后轻松跳过网站样板。）

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

哪个在语义上更好 - <aside>或<footer>用于网站的“扩展页脚”？</footer> </aside>

1 个答案: