首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在html中标记图片的版权?

如何在html中标记图片的版权?
EN

Stack Overflow用户
提问于 2014-01-31 23:11:38
回答 3查看 10.3K关注 0票数 16

这主要是一个语义问题。我想把有版权的图片放在网站上。我知道figure和figcaption元素,但figcaption似乎不是最好的标签。这是一个我也需要的标题。如果我有这样的图像:

代码语言:javascript
复制
<figure>
  <img src="img/content/preview.jpg" alt="Alttext für das Bild" />
  <figcaption>Caption goes here</figcaption>
</figure>

我该把版权放在哪里?

编辑:版权文本必须可见。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-02-01 04:39:06

总体而言

版权声明应包含在small element

…通常以免责声明、警告、法律限制或版权为特色。

如果版权声明适用于分段内容元素(例如,article)的内容,请在属于此分段元素的footer element中包括small元素:

A footer通常包含关于其部分的信息,例如谁写的、到相关文档的链接、版权数据等。

如果它应用于整个页面,则可以将small元素包括在属于bodyfooter中(即,不嵌套在sectioning元素中)。

代码语言:javascript
复制
<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,例如:

代码语言:javascript
复制
<a rel="license" href="/license.html">Usage rights</a>
代码语言:javascript
复制
<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元素

代码语言:javascript
复制
<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链接类型。)

离开普通HTML:结构化数据

通过使用结构化数据(例如,RDFa、微数据),您可以更具体。这将允许为网页的每个部分指定不同的许可证。Example in this Webmasters SE answer.

票数 22
EN

Stack Overflow用户

发布于 2014-01-31 23:18:49

我见过使用<small>Your copyright text</small>来实现此目的。

<small>上的HTML spec

小元素表示边注,比如小字体。

小字体通常以免责声明、警告、法律限制或版权为特色。小字体有时也用于归属,或用于满足许可要求。

以前,<small>元素用于以较小的字体显示特定的文本,但现在所有样式都应该通过CSS来完成,并且您的HTML应该如其名称所暗示的那样工作。

您的浏览器默认样式表可能仍然会以较小的字体大小显示<small>元素的内容,因此您可能必须用自己的CSS覆盖它。

票数 2
EN

Stack Overflow用户

发布于 2014-01-31 23:19:07

您应该使用<small> (HTML5 Spec):

Small print通常以免责声明、警告、法律限制或版权为特色。小字体有时也被用来标明身份,或者用来满足许可要求。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21483356

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档