html5 - How to mark the copyright of an image in html? -


this semantic question. want put images copyrights on website. know figure , figcaption element, figcaption doesn't seem best tag that. it's rather caption need. if i've got image that:

<figure>   <img src="img/content/preview.jpg" alt="alttext für das bild" />   <figcaption>caption goes here</figcaption> </figure> 

where put copyright?

edit: copyright text must visible.

in general

the copyright notice should contained in small element:

[…] typically features disclaimers, caveats, legal restrictions, or copyrights.

if copyright notice applies content of sectioning content element (e.g., article), include small element in footer element belongs sectioning element:

a footer typically contains information about section such as wrote it, links related documents, copyright data, , like.

if applies whole page, might include small element in footer belongs body (i.e. not nested in sectioning element).

<body>   <article>     <footer>       <small><!-- if license applies content of article --></small>     </footer>   </article>    <footer>     <small><!-- if license applies content of whole page --></small>   </footer>  </body> 

when contains link license

if copyright notice includes link license (or page explaining terms in more detail), use license link type.

but note: license apply main content of page (indicated via main element).

in case

figure sectioning root element, means footer (and header) can apply it:

the footer element represents footer for nearest ancestor sectioning content or sectioning root element.

so include footer element (containing small element) in figure:

<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> 

structurally, copyright notice apply whole content of figure element. (it’s possible include footer in figcaption.)

(and if have link license, use license link type if figure main content , there no other main content should not licensed under same license.)


Comments

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -