这主要是一个语义问题。我想把有版权的图片放在网站上。我知道figure和figcaption元素,但figcaption似乎不是最好的标签。这是一个我也需要的标题。如果我有这样的图像:
<figure>
<img src="img/content/preview.jpg" alt="Alttext für das Bild" />
<figcaption>Caption goes here</figcaption>
</figure>我该把版权放在哪里?
编辑:版权文本必须可见。
发布于 2014-02-01 04:39:06
总体而言
版权声明应包含在small element中
…通常以免责声明、警告、法律限制或版权为特色。
如果版权声明适用于分段内容元素(例如,article)的内容,请在属于此分段元素的footer element中包括small元素:
A
footer通常包含关于其部分的信息,例如谁写的、到相关文档的链接、版权数据等。
如果它应用于整个页面,则可以将small元素包括在属于body的footer中(即,不嵌套在sectioning元素中)。
<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链接类型。)
离开普通HTML:结构化数据
通过使用结构化数据(例如,RDFa、微数据),您可以更具体。这将允许为网页的每个部分指定不同的许可证。Example in this Webmasters SE answer.
发布于 2014-01-31 23:18:49
我见过使用<small>Your copyright text</small>来实现此目的。
从<small>上的HTML spec
小元素表示边注,比如小字体。
小字体通常以免责声明、警告、法律限制或版权为特色。小字体有时也用于归属,或用于满足许可要求。
以前,<small>元素用于以较小的字体显示特定的文本,但现在所有样式都应该通过CSS来完成,并且您的HTML应该如其名称所暗示的那样工作。
您的浏览器默认样式表可能仍然会以较小的字体大小显示<small>元素的内容,因此您可能必须用自己的CSS覆盖它。
发布于 2014-01-31 23:19:07
您应该使用<small> (HTML5 Spec):
Small print通常以免责声明、警告、法律限制或版权为特色。小字体有时也被用来标明身份,或者用来满足许可要求。
https://stackoverflow.com/questions/21483356
复制相似问题