HTML5语义元素:页脚中的共享/类似按钮

时间:2014-03-09 19:17:38

标签: html5 semantic-markup

我有一些共享/类似按钮以及我的Google+个人资料图标。

将它们放在我页面底部的footer元素中是否正确?

1 个答案:

答案 0 :(得分:3)

footer element适用于此类链接。

这是一个非常简单的决定,因为这样的链接显然不属于某个部分的主要内容,所以只留下footerheader个候选人。在这里footer的定义似乎更接近(强调我的):

  

[...]通常包含有关其部分的信息,例如谁编写,指向相关文档的链接,版权数据等。

分享/喜欢链接

当共享/喜欢链接用于分享/喜欢文章时(例如,如果是博文),请使用footer部分的article

当共享/类似链接用于分享/喜欢整个网站时,请使用footer切片根目录的body

<body>
  <article>
    <footer><!-- for links applying to this article --></footer>
  </article>
  <footer><!-- for links applying to the whole page resp. site --></footer>
</body>

个人资料链接

如果文章的作者与页面/网站的作者不同,请相应地放置个人资料链接。

如果链接的个人资料提供了与您联系的方式,您可以另外使用address element

<footer>
  <address><a>…</a></address>
</footer>

您可能想要使用author resp. publisher link type