页脚内版权内容的合适标签

Question

我正在尝试对工作进行评估。

任务是将

div

标签转换为正确的 HTML5 语义标签。我不被允许修改/删除任何其他内容。

页脚的代码是这样的：

<div class="footer">
    <div class="copyright-content">
        <div class="copyright"> copyright 20xx -xx </div>
        <p> by xyz company </p>
    </div>
</div>

每个 div 进行三项单独的检查。通过第一关很容易。

<footer class="footer">
    <div class="copyright-content">
        <div class="copyright"> copyright 20xx -xx </div>
        <p> by xyz company </p>
    </div>
</footer>

但是我无法找出下一个 div 的正确标签（带有类

copyright-content

）。 我尝试了

section

、

article

、

nav

、

blockquote

和其他几个标签，但这些都不起作用。

我无法再重新尝试测试，但有人知道可能的正确标签是什么吗？

Answer 1

这可能就是他们正在寻找的：

<footer class="footer">
  <small class="copyright-content">
    <span class="copyright"> copyright 20xx -xx </span>
    <span> by xyz company </span>
  </small>
</footer>

<small>

元素用于—

...旁注和小字，例如版权和法律文本...

了解（正如 Rob 指出的那样）

<small>

元素不能包含

<div>

或

<p>

元素也很重要。

<small>

元素只能包含短语内容，因此其他两个元素需要更改为是短语内容。

A

<span>

元素 可能最适合两者。除了

<small>

赋予的语义之外，版权方和公司都不需要额外的语义。 A

<span>

是措辞内容且无语义，因此非常适合。

MDN Web 文档：HTML 元素参考指南是了解所有可用标签、它们携带的语义以及如何使用（和不可以）使用它们的绝佳资源。

Answer 2

我一分钟前刚刚完成测试。 我也不知道那里会发生什么。

我尝试了所有我知道的标签，我尝试了（并最终得到）给定的解决方案

<footer id="copyright-container">
    <small id="copyright-content">
        <span class="copyright">Copyright 1999-2020.</span>
        <span> by Codility &reg; All Rights Reserved.</span>
    </small>
</footer>

但这并不是我们所期望的。 我什至尝试过这个解决方案，但并没有更成功。

我测试得很好，提交后，我发现这是我整个3小时测试中唯一失败的答案。

很遗憾我找不到解决方案，尤其是你的帖子已经过去近两年了：P

也许将来有人能够通过它并告诉我们所期望的是什么！