这是一个主要是语义问题。我想把有版权的图片放到网站上。我知道 figure 和 figcaption 元素，但 figcaption 似乎不是最好的标签。这是一个我也需要的标题。 如果我有这样的图像：
<figure>
<img src="img/content/preview.jpg" alt="Alttext für das Bild" />
<figcaption>Caption goes here</figcaption>
</figure>
我把版权放在哪里？
编辑：版权文本必须可见。
【问题讨论】：
标签： html semantics semantic-markup
版权声明应包含在small element：
[...] 通常包含免责声明、警告、法律限制或版权。
如果版权声明适用于分段内容元素的内容（例如，article），请在属于此分段元素的 footer element 中包含 small 元素：
footer通常包含有关其部分的信息，例如作者、相关文档的链接、版权数据等。
如果它适用于整个页面，您可能会将 small 元素包含在属于 body 的 footer 中（即未嵌套在分段元素中）。
<body>
<article>
<footer>
<small><!-- if the license applies to the content of this article --></small>
</footer>
</article>
<footer>
<small><!-- if the license applies to the content of the whole page --></small>
</footer>
</body>
如果版权声明包含指向许可的链接（或指向更详细解释条款的页面），请使用license link type，例如：
<a rel="license" href="/license.html">Usage rights</a>
<a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a>
但请注意：此许可将（仅）适用于页面的整个主要内容（由main element 表示）。
figure 是一个sectioning root 元素，这意味着footer（和header）可以应用于它：
footer元素代表其最近的祖先分段内容或分段根元素的页脚。
因此您可以在figure 中包含footer 元素（包含small 元素）：
<figure>
<img src="img/content/preview.jpg" alt="Alttext für das Bild" />
<footer><small><!-- copyright noice --></small></footer>
<figcaption>Caption goes here</figcaption>
</figure>
在结构上，此版权声明将适用于figure 元素的全部内容。 （也可以在figcaption 中包含footer。）
（如果您有许可证的链接，如果此figure 是主要内容并且没有其他应该不许可的主要内容，则仅使用license 链接类型在相同的许可下。）
通过使用结构化数据（例如 RDFa、微数据），您可以更加具体。这将允许为网页的每个部分指定不同的许可证。 Example in this Webmasters SE answer.
【讨论】：
你应该使用<small> (HTML5 Spec)：
小字体通常包含免责声明、警告、法律 限制或版权。小字体有时也用于 归属，或满足许可要求。
【讨论】：
我已经看到<small>Your copyright text</small> 用于此目的。
来自HTML spec<small>
小元素代表小字等侧面元素。
小字体通常包含免责声明、警告、法律 限制或版权。小字体有时也用于 归属，或满足许可要求。
以前<small> 元素用于显示具有较小字体的特定文本，但现在所有样式都应通过 CSS 完成，您的 HTML 应仅充当名称所暗示的内容 - 标记。 em>
您的浏览器默认样式表可能仍会显示具有较小字体大小的 <small> 元素的内容，因此您可能必须使用自己的 CSS 覆盖它。
【讨论】：