-
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
851 lines (827 loc) · 50.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CC REL by Example</title>
<link rel="stylesheet" type="text/css" href="style/main.css" />
</head>
<body>
<div id="container">
<a href="https://creativecommons.org/"><img src="style/cclogo.png" alt="Creative Commons"/></a>
<h1>CC REL by Example</h1>
<!--<div style="font-size:2em;font-weight:bold;display:inline-block;clear:both;margin:10px;">Get Started</div>-->
<h2>Table of Contents</h2>
<ul>
<li><b><a href="#Foreward">Foreward</a></b></li>
<li><b><a href="#Basic_Marking">Basic Marking</a></b>
<ul>
<li><a href="#License_metadata">License metadata</a></li>
<li><a href="#License_image">License metadata with license image</a></li>
<li><a href="#Attribution">Attribution metadata</a></li>
<li><a href="#More_metadata">More metadata: Title, type, and subjects.</a></li>
</ul>
</li>
<li><b><a href="#Individual">Individual Objects on a Page</a></b>
<ul>
<li><a href="#Text_block">Text Block</a></li>
<li><a href="#Images">Images</a></li>
<li><a href="#Video">Video</a>
<ul>
<li><a href="#HTML5">HTML5 video with one source tag and metadata</a></li>
<li><a href="#HTML5_multiple">HTML5 video with multiple source tags</a></li>
<li><a href="#Flash">Non-HTML5 video</a></li>
</ul>
</li>
<li><a href="#Datasets">Datasets</a>
<ul>
<li><a href="#CC_BY_dataset">CC BY dataset, with license and attribution metadata</a></li>
<li><a href="#CC0_dataset">CC0 dataset, with license and attribution metadata</a></li>
</ul>
</li>
</ul>
</li>
<li><b><a href="#Multiple">Multiple CC Licenses on a Page</a></b>
<ul>
<li><a href="#Multiple_text_image">Multiple CC objects: Text and Image</a></li>
</ul>
</li>
<li><b><a href="#Reuses">Attributing Reuses</a></b>
<ul>
<li><a href="#Single_source">Attributing a single-source remix</a></li>
<li><a href="#Multiple_source">Attributing a multiple-source remix</a></li>
</ul>
</li>
<li><b><a href="#Public_Domain">Public Domain Content</a></b>
<ul>
<li><a href="#CC0">CC0</a></li>
<li><a href="#PDM">Public Domain Mark</a></li>
</ul>
</li>
<li><b><a href="#Registration">Marking Copyright Registration</a></b>
<ul>
<li><a href="#CCNetwork">Marking a work as registered (CC Network)</a></li>
</ul>
</li>
<li><b><a href="#More">More Resources</a></b></li>
</ul>
<h2 id="Foreward">Foreward</h2>
<p>This resource assumes some basic knowledge of HTML and RDFa. Many of the later examples build on ideas from previous examples. If there is something in an example that isn't explained, check previous examples for an explanation.</p>
<p>Validating your RDFa can help you catch syntax errors or other problems with your metadata. For more information on RDFa validation, see the <a href="http://rdfa.info/wiki/How-to-validate">How-tovalidate page</a> on the RDFa wiki.</p>
<p xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/">This resource contains material adapted from
<a href="https://creativecommons.org/projects/ccrel"
rel="dct:source"><span property="dct:title">ccREL: The Creative Commons Rights Expression Language</span></a> by
<span about="https://creativecommons.org/projects/ccrel">
<a href="https://creativecommons.org/"
rel="dct:creator"><span property="dct:title">Creative Commons</span></a>, which is available under a
<a href="https://creativecommons.org/licenses/by/3.0/"
rel="license">Creative Commons Attribution 3.0 Unported License</a></span>.</p>
<h2 id="Basic_Marking">Basic Marking: One page, One License</h2>
<p>A very common use of Creative Commons licenses is to license a page on the web and the content contained within under a CC license. For example, many blogs are licensed under a Creative Commons license. It's common for these sites to include CC license information at the bottom of every page in a footer, similar to how people often include copyright ownership year and information at the end of a page.</p>
<p>Below are examples of how you would indicate that a single page on the web is licensed under CC. This is useful when integrating a CC license mark into a footer of a website.</p>
<table class="example">
<tr>
<th>
<h4 id="License_metadata">License metadata</h4>
<h5><a href="examples/license.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code">This page, by
<a href="http://lessig.org/">Lawrence Lessig</a>,
is licensed under a
<a <span class="hl">rel="license"</span> href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution License</a>.</div>
</td>
<td>
<p>This is a very basic example of how to include license metadata in HTML documents. The only metadata is provided by the <tt>rel="license"</tt> attribute in the <tt>a</tt> tag. <tt>rel="license"</tt> generates a triple with predicate <tt>xhtml:license</tt>. The triple relates the current document URI to the URI of the CC BY license to the URI for the <tt>xhtml:license</tt> predicate (<a href="http://www.w3.org/1999/xhtml/vocab#license">http://www.w3.org/1999/xhtml/vocab#license</a>).</p>
<p>How does this all occur by simply adding a single <tt>rel="license"</tt> attribute? <tt>xhtml</tt> is the default prefix for reserved XHTML values, including <tt>license</tt>, which means that you don't need to do anything special to use it (like define the <tt>xhtml</tt> namespace). It is a built-in <tt>rel</tt> type. And the object of the <tt>rel="license"</tt> attribute is just set by the URL in the <tt>href</tt> attribute, which is true for all <tt>rel</tt> attributes.</p>
<h5>Read More</h5>
<ul>
<li><a href="http://www.w3.org/TR/xhtml-rdfa-primer/#id84514">RDFa Primer: Licensing Your Work</a></li>
</ul>
</td>
</tr>
<tr>
<th>
<h4 id="License_image">License metadata with license image</h4>
<h5><a href="examples/licenseimage.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><a <span class="hl">rel="license"</span> href="https://creativecommons.org/licenses/by/3.0/">
<img src="https://i.creativecommons.org/l/by/3.0/88x31.png" />
</a>
<br />
This page, by
<a href="http://lessig.org/">Lawrence Lessig</a>,
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution License</a>.</div>
</td>
<td>
<p>You can add <tt>rel="license"</tt> to any tag with a valid <tt>href</tt> attribute. This means that for links to the license, anything can be between the <tt>a</tt> tags, including an image of the license mark.</p>
<p>In this example, the CC BY license mark is a link, with <tt>rel="license"</tt> metadata, to the license deed.</p>
</td>
</tr>
<tr>
<th>
<h4 id="Attribution">Attribution metadata</h4>
<h5><a href="examples/attribution.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">xmlns:cc="http://creativecommons.org/ns#"</span>>
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
<img src="https://i.creativecommons.org/l/by/3.0/88x31.png" />
</a>
<br />
This page, by
<a <span class="hl">property="cc:attributionName"</span>
<span class="hl">rel="cc:attributionURL"</span>
href="http://lessig.org/">Lawrence Lessig</a>,
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution License</a>.
</div></div>
</td>
<td>
<p>This example shows how to include CC REL metadata into your HTML. This metadata is what enables the CC license deeds to give users copy-and-paste attribution HTML. To see an example of how the CC license deeds use this metadata, go to the example HTML and click on the license badge.</p>
<ul>
<li><tt>xmlns:cc</tt> associates the prefix <tt>cc</tt> with the URL <tt>http://creativecommons.org/ns#</tt> throughout the <tt>div</tt>. This is critical for valid RDFa.</li>
<li><tt>property</tt> generates a new triple with predicate <tt>cc:attributionName</tt>, and the text content of the element, in this case <tt>Lawrence Lessig</tt>, as the object. Note that the line does not break after the end of the opening <tt>a</tt> tag surrounding <tt>Lawrence Lessig</tt>. In the most recent draft of the RDFa specification, the text linked to by the <tt>a</tt> tag (the <em>literal</em>) would be processed to include any whitespaces within the <tt>a</tt> tag, including line breaks. Whitespace is not stripped from literals by RDFa processors that conform to the specification. When publishing RDFa it is important to remember this; that when parsed for RDFa, the format of your HTML could change the value of a literal to something other than what you might have expected.</li>
<li><tt>rel="cc:attributionURL"</tt> generates a new triple with predicate <tt>cc:attributionURL</tt>, and the URL in the <tt>href</tt> as the object. The attribution URL is important when you want to indicate what URL re-users of your CC-licensed work should link to when they attribute your work. This URL should appear in the license deed when someone clicks on your link to the CC license. </li>
</ul>
<h5>Read More</h5>
<ul>
<li><a href="http://www.w3.org/Submission/ccREL/#SECTION00031000000000000000">CC REL: Work Properties</a></li>
</ul>
</td>
</tr>
<tr>
<th>
<h4 id="More_metadata">More metadata: Title, type, and subjects.</h4>
<h5><a href="examples/moremetadata.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">about=""</span> <span class="hl">typeof="cc:Work"</span>
xmlns:cc="http://creativecommons.org/ns#"
<span class="hl">xmlns:dct="http://purl.org/dc/terms/"></span>
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
<img src="https://i.creativecommons.org/l/by/3.0/88x31.png" />
</a>
<br />
<span <span class="hl">property="dct:title"</span>>The Lessig Blog</span>,
a
<span <span class="hl">rel="dct:type"</span> href="http://purl.org/dc/dcmitype/Text">
collection of texts
</span>
by
<a property="cc:attributionName"
rel="cc:attributionURL"
href="http://lessig.org/">Lawrence Lessig</a>,
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution License</a>.
</div></div>
</td>
<td>
<p>Here build on the previous example to include new metadata:</p>
<ul>
<li><tt>about</tt> defines the subject of all triples within the <tt>div</tt>. Here we have <tt>about=""</tt>, which defines the subject to be the URL of the current document. When making assertions about the current document, or current URL, you do not need to specify that <tt>about=""</tt>. It is included here for completeness.</li>
<li><tt>typeof="cc:Work"</tt> indicates that the current resource has the class of <tt>cc:Work</tt>, which in the <tt>http://creativecommons.org/ns#</tt> namespace is described as "a potentially copyrightable work".</li>
<li>In addition to the cc namespace declaration (<tt>xmlns:cc="http://creativecommons.org/ns#"</tt>), we declare the Dublin Core Terms namespace (<tt>xmlns:dct="http://purl.org/dc/terms/"</tt>). This puts many more terms at our disposal.</li>
<li>Because we've declared the <tt>dct</tt> namespace, we can use terms like <tt>dct:title</tt>. We've embedded it in a <tt>span</tt> with the <tt>property</tt> attribute. The object of this assertion (that the current document has a <tt>dct:title</tt>) would be the <em>literal</em> between the <tt>span</tt> tags. In this case, the literal is <tt>The Lessig Blog</tt>. As noted above: Be careful not to include unnecessary whitespace in your literals, as this would change the assertion you are making.</li>
</ul>
<h5>Read More</h5>
<ul>
<li><a href="http://www.w3.org/Submission/ccREL/#SECTION00031000000000000000">CC REL: Work Properties</a></li>
</ul>
</td>
</tr>
</table>
<h2 id="Individual">Individual objects on a page</h2>
<h3 id="Text_block">Text block</h3>
<p></p>
<table class="example">
<tr>
<th>
<h4>Block of text, with license and attribution metadata</h4>
<h5><a href="examples/textblock.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div>
This text is not marked as CC licensed.
</div>
<div <span class="hl">about="#uniqueID"</span> <span class="hl">id="uniqueID"</span>>
This text is licensed under a
<a <span class="hl">rel="license"</span> href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution License</a>.
</div></div>
</td>
<td>
<p>When embedding RDFa metadata into HTML, you aren't limited to making statements about the current URL. With the <tt>about</tt> attribute, you can set the subject of your triples to any arbitrary URI. In this example, we've set <tt>about="#uniqueID"</tt>, which means that any RDFa within the <tt>div</tt> that has the <tt>about="#uniqueID"</tt> will have the HTML tag with <tt>id="uniqueID"</tt> as its subject. In this example, we have indicated that the <tt>div</tt> with <tt>id="uniqueID"</tt> is has a <tt>rel="license"</tt> of <tt>http://creativecommons.org/licenses/by/3.0/</tt>.</p>
<h5>Read More</h5>
<ul>
<li><a href="http://www.w3.org/TR/xhtml-rdfa-primer/#id84801">RDFa Primer: Multiple Items per Page</a></li>
</ul>
</td>
</tr>
</table>
<h3 id="Images">Images</h3>
<table class="example">
<tr>
<th>
<h4>Image with license, attribution, and work metadata</h4>
<h5><a href="examples/image.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">about="CC_image.png"</span>
<span class="hl">xmlns:dct="http://purl.org/dc/terms/"</span>
xmlns:cc="http://creativecommons.org/ns#">
<img src="CC_image.png" height="200px" />
<br />
This image, entitled
<span <span class="hl">property="dct:title"</span>>Sharing Creative Works</span>,
by <a href="https://creativecommons.org/"
property="cc:attributionName"
<span class="hl">rel="cc:attributionURL dct:creator"</span>>Creative Commons</a>
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution 3.0 Unported License</a>.
</div></div>
</td>
<td>
<p>This example builds on previous examples. As in the text block example, we make the license assertion about the image. In the surrounding <tt>div</tt>, we place an <tt>about</tt> attribute. This scopes all RDFa within the <tt>div</tt> as having (in this case) <tt>CC_image.png</tt> as its subject. Thus the <tt>rel="license"</tt> statement is about the image URL and not about the current URL, as would be the case if we did not include the <tt>about</tt> attribute.</p>
<p>We have included some new metadata in this example as well. Each property has the image file as its subject due having specified <tt>about="CC_image.png"</tt>:</p>
<ul>
<li><tt>property="dct:title"</tt> within the <tt>span</tt> element makes the assertion that the image file has a <tt>dct:title</tt> of <tt>Sharing Creative Works</tt>. Note that the title is an RDFa literal, meaning the object of the <tt>dct:title</tt> property is whatever falls within the <tt>span</tt> tag. Therefore, be careful not to include line breaks or other characters that you don't want to be a part of your assertion.</li>
<li><tt>rel="cc:attributionURL dct:creator"</tt> is a compound <tt>rel</tt> attribute. Rather than using two separate <tt>rel</tt> attributes, we are able to place two attribute values within a single <tt>rel</tt> by separating the properties with a space. The <tt>rel</tt> attribute always has the <tt>href</tt> attribute as its object, which in this case is the URL to the Creative Commons main page, <tt>http://creativecommons.org/</tt>.</li>
</ul>
</td>
</tr>
</table>
<h3 id="Video">Video</h3>
<table class="example">
<tr>
<th>
<h4 id="HTML5">HTML5 video with one source tag and metadata</h4>
<h5><a href="examples/video.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">about="http://mirrors.creativecommons.org/movingimages/webm/ASharedCulture_240p.webm"</span>
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/">
<video width="426" height="240" preload="none" controls>
<source <span class="hl">src="http://mirrors.creativecommons.org/movingimages/webm/ASharedCulture_240p.webm"</span>
type='video/webm; codecs="vp8, vorbis"'>
</video>
<br />
<a <span class="hl">href="https://creativecommons.org/videos/a-shared-culture"</span>
<span class="hl">property="dct:title"</span>
<span class="hl">rel="cc:attributionURL"</span>>A Shared Culture</a>, by
<a <span class="hl">href="https://en.wikipedia.org/wiki/Jesse_Dylan"</span>
<span class="hl">property="cc:attributionName"</span>
<span class="hl">rel="dct:creator"</span>>Jesse Dylan</a>,
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/3.0/">
Creative Commons Attribution NonCommercial ShareAlike License</a>.
</div></div>
</td>
<td>
<p>Embedding CC REL metadata in an HTML5 <tt>video</tt> tag with a single <tt>source</tt> tag is straightforward. The technique is similar to embedding metadata about an image. An <tt>about</tt> attribute is used in a surrounding <tt>div</tt> to set the subject of all triples in the <tt>div</tt> to the URL of the video linked to by the <tt>source</tt> tag.</p>
<p>Below the video, we've included a fairly standard CC license mark. As per the instruction on the video's official page, we have linked to the video page and attributed the video to its creator. Additionally, we have indicated the creator of the video with <tt>dct:creator</tt> with the object as Jesse Dylan's Wikipedia page. The text within that link is also used as a literal to set the object of <tt>cc:attributionName</tt>, <tt>Jesse Dylan</tt>.</p>
</td>
</tr>
<tr>
<th>
<h4 id="HTML5_multiple">HTML5 video with multiple source tags (EXPERIMENTAL)</h4>
<h5><a href="examples/video_multiple.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">about="http://mirrors.creativecommons.org/movingimages/webm/ASharedCulture_240p.webm"</span>
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/">
<video width="426" height="240" preload="none" controls>
<source <span class="hl">src="http://mirrors.creativecommons.org/movingimages/webm/ASharedCulture_240p.webm"</span>
type='video/webm; codecs="vp8, vorbis"'>
<source <span class="hl">src="http://mirrors.creativecommons.org/movingimages/ASharedCulture_240p.mp4"</span>
type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source <span class="hl">src="http://mirrors.creativecommons.org/movingimages/ASharedCulture_240p.ogv"</span>
type='video/ogg; codecs="theora, vorbis"'>
</video>
<br />
<a href="https://creativecommons.org/videos/a-shared-culture"
property="dct:title"
rel="cc:attributionURL">A Shared Culture</a>, by
<a href="https://en.wikipedia.org/wiki/Jesse_Dylan"
property="cc:attributionName"
rel="dct:creator">Jesse Dylan</a>,
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/3.0/">
Creative Commons Attribution NonCommercial ShareAlike License</a>.
<div <span class="hl">about="http://mirrors.creativecommons.org/movingimages/ASharedCulture_240p.mp4"</span>
<span class="hl">property="dct:title"</span>
<span class="hl">content="A Shared Culture"</span>
<span class="hl">style="display:none;"</span>>
<span property="cc:attributionName"
rel="dct:creator"
href="https://en.wikipedia.org/wiki/Jesse_Dylan"
<span class="hl">content="Jesse Dylan"</span>>
</span>
<span rel="cc:attributionURL"
href="https://creativecommons.org/videos/a-shared-culture">
</span>
<span rel="license"
href="https://creativecommons.org/licenses/by-nc-sa/3.0/">
</span>
</div>
<div <span class="hl">about="http://mirrors.creativecommons.org/movingimages/ASharedCulture_240p.ogv"</span>
property="dct:title"
content="A Shared Culture"
style="display:none;">
<span property="cc:attributionName"
rel="dct:creator"
href="https://en.wikipedia.org/wiki/Jesse_Dylan"
content="Jesse Dylan">
</span>
<span rel="cc:attributionURL"
href="https://creativecommons.org/videos/a-shared-culture">
</span>
<span rel="license"
href="https://creativecommons.org/licenses/by-nc-sa/3.0/">
</span>
</div>
</div></div>
</td>
<td>
<p>For HTML5 videos with multiple <tt>source</tt> tags, our markup is more complicated. Depending on a user's browser, a different video could be displayed when they visit the page. Each version of the video has equivalent content but a different URL. In this example, we have <tt>.web</tt>, <tt>.mp4</tt>, and <tt>.ogv</tt> videos. Thus, to accommodate this fact, we make several sets of assertions, each identical but with a different subject.</p>
<p>In our example, we make one visible assertion about the first <tt>source</tt> URL, the <tt>webm</tt> video. The whole example is contained in a single <tt>div</tt> with the <tt>about</tt> attribute set to the URL to the <tt>webm</tt> video. The license metadata, not being re-scoped in any way, then has the subject of the <tt>webm</tt> video. Then, below the standard license assertion, we have two <tt>div</tt> elements, each hidden from view with a <tt>display:none;</tt> CSS rule. They are each scoped to a different video URL than the container <tt>div</tt>. Within both hidden <tt>div</tt> tags are the <tt>dct:title</tt> attributes. Rather than setting the object of <tt>property="dct:title"</tt> with content between the <tt>span</tt> tags, we use the <tt>content</tt> attribute to set the object of <tt>dct:title</tt> to <tt>A Shared Culture</tt>, the title of the video.</p>
<p>Within that hidden <tt>div</tt> are three <tt>span</tt> tags that sets first both the <tt>dct:creator</tt> property and the <tt>cc:attributionName</tt> property, the <tt>cc:attributionURL</tt> property, and the <tt>rel="license"</tt> attribute. These three <tt>span</tt> tags are empty, so for the properties that take literals, i.e. <tt>property="cc:attributionName"</tt>, we set the object of the property with a <tt>content</tt> attribute. In this example, we set the object of <tt>property="cc:attributionName"</tt> to <tt>Jesse Dylan</tt> with <tt>content="Jesse Dylan"</tt>.</p>
<p>We duplicate the hidden <tt>div</tt> tag but with a different <tt>about</tt> attribute to make the same assertions about all three formats of the same video.</p>
</td>
</tr>
<tr>
<th>
<h4 id="Flash">Non-HTML5 video</h4>
<h5><a href="examples/video_flash.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">about="http://blip.tv/play/gpxSyZQBAg"</span>
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/">
<embed <span class="hl">src="http://blip.tv/play/gpxSyZQBAg"</span>
type="application/x-shockwave-flash"
width="480" height="300"
allowscriptaccess="always"
allowfullscreen="true">
</embed>
<br />
<a property="dct:title"
rel="cc:attributionURL"
href="https://creativecommons.org/videos/a-shared-culture">A Shared Culture</a>, by
<a href="https://en.wikipedia.org/wiki/Jesse_Dylan"
property="cc:attributionName"
rel="dct:creator">Jesse Dylan</a>,
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/3.0/">
Creative Commons Attribution NonCommercial ShareAlike License</a>.
</div></div>
</td>
<td>
<p>Providing CC license metadata for non-HTML5 videos, typically embedded as Flash objects, is similar to our image example, or the single-source HTML5 example. We have a single URL to the video, which we set as the subject of our statements with an <tt>about</tt> attribute in the surrounding <tt>div</tt>. The URL is the same URL in the <tt>embed</tt> tag's <tt>src</tt> attribute.</p>
</td>
</tr>
</table>
<h3 id="Datasets">Datasets</h3>
<table class="example">
<tr>
<th>
<h4 id="CC_BY_dataset">CC BY dataset, with license and attribution metadata</h4>
<h5><a href="examples/dataset_ccby.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">about="example_dataset.csv"</span>
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/">
<a href="example_dataset.csv">Download Example Dataset</a>
<br />
<span property="dct:title">Example Dataset</span>
was published by
<a href="https://creativecommons.org/"
property="cc:attributionName"
<span class="hl">rel="cc:attributionURL dct:publisher"</span>>Creative Commons</a>
and is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution License</a>.
</div></div>
</td>
<td>
<p>Providing CC license data about a downloadable dataset is as easy as marking up an image or block of text. For datasets that have a URL, you can simply scope your statements with an <tt>about</tt> attribute so that your metadata has the subject of your dataset's URL.</p>
<p>In this example, we set <tt>about="example_dataset.csv"</tt> so that the subsequent metadata is about the actual dataset.</p>
<p>One thing to note is that here we've used a compound <tt>rel</tt> attribute with <tt>rel="cc:attributionURL dct:publisher"</tt> to set both the <tt>cc:attributionURL</tt> and <tt>dct:publisher</tt> with the same <tt>href</tt> attribute.</p>
</td>
</tr>
<tr>
<th>
<h4 id="CC0_dataset">CC0 dataset, with license and attribution metadata</h4>
<h5><a href="examples/dataset_cc0.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">about="example_dataset.csv"</span>
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/"
<span class="hl">xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#"</span>>
<a href="example_dataset.csv">Download Example Dataset</a>
<br />x
<a rel="license" <span class="hl">href="https://creativecommons.org/publicdomain/zero/1.0/"</span>>
<img src="https://i.creativecommons.org/l/zero/1.0/88x31.png"
style="border-style: none;" alt="CC0"/>
</a>
<br/>
To the extent possible under law,
<a <span class="hl">rel="dct:publisher"</span> href="https://creativecommons.org/">
<span property="dct:title">Creative Commons</span></a>
has waived all copyright and related or neighboring rights to
<span property="dct:title">Example Dataset</span>
and expects that users will follow the
<a <span class="hl">rel="cc:useGuidelines"</span> <span class="hl">href=""</span>>
Creative Commons Example Use Guidelines</a>.
This work is published from the
<span <span class="hl">property="vcard:Country"</span>
<span class="hl">datatype="dct:ISO3166"</span>
<span class="hl">content="US"</span>
<span class="hl">about="https://creativecommons.org/"</span>>United States</span>.
</div></div>
</td>
<td>
<p>One can mark a downloadable dataset as having been placed in the public domain with the CC0 waiver. You can create valid CC0 markup using the <a href="https://creativecommons.org/choose/zero/">CC0 tool</a>.</p>
<p>As with the previous example, we set the subject of our metadata with an <tt>about</tt> attribute, setting it to the dataset file (in this case <tt>example_dataset.csv</tt>). We must also declare the <tt>vcard</tt> namespace, as it allows us to make statements about the country of the publisher, which is important information for public domain content.</p>
<p>We can use <tt>rel="license"</tt> to indicate that copyright has been licensed (or in this case, waived) using the CC0 waiver (by setting the <tt>href</tt> attribute to the URL of the waiver, <tt>http://creativecommons.org/publicdomain/zero/1.0/</tt>.</p>
<p>Additionally, we must set a <tt>dct:publisher</tt> for the dataset. This will tell us who is publishing it, and will allow us to determine the relevant jurisdiction for the dataset's copyright status. In this example, the publisher is set to <tt>http://creativecommons.org/</tt>. At the end of the example, you'll see that we've indicated <tt>http://creativecommons.org/</tt> has <tt>vcard:country</tt> with <tt>content="US"</tt>. While one could use the content between the <tt>span</tt> elements as the literal value for <tt>vcard:Country</tt>, the CC0 and Public Domain Mark deeds require a literal value with a <tt>datatype="ISO3166"</tt>. That is, you don't need to specify a <tt>content</tt> attribute if your literal value is already has that datatype (if <tt>US</tt> was between the span, rather than <tt>United States</tt>, for example). We additionally indicate that this data, <tt>content="US"</tt> has <tt>datatype="dct:ISO3166"</tt>.</p>
<p>Lastly, we've indicated Use Guidelines to this work by using the <tt>cc:useGuidelines</tt> predicate in a <tt>rel</tt> attribute. In this example, the object <tt>href</tt> is empty because we have not created an example use guidelines document, but in practice this link would point to actual use guidelines for the work. For more information, see this <a href="https://wiki.creativecommons.org/Public_Domain_Mark#Guidelines_specified">CC wiki page</a>. Please note that use guidelines are not legally binding, and <tt>cc:useGuidelines</tt> is not meant to specify a URL that indicates legally binding guidelines for the work.</p>
<h5>Read More</h5>
<ul>
<li><a href="https://wiki.creativecommons.org/Public_Domain_Mark">Public Domain Mark on the CC wiki</a></li>
</ul>
</td>
</tr>
</table>
<h2 id="Multiple">Multiple CC Licenses on a Page</h2>
<table class="example">
<tr>
<th>
<h4 id="Multiple_text_image">Multiple CC objects: Text and Image</h4>
<h5><a href="examples/multiple_textimage.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div xmlns:dct="http://purl.org/dc/terms/"
xmlns:cc="http://creativecommons.org/ns#">
<div <span class="hl">about="CC_image.png"</span>>
<img src="CC_image.png" height="200px" />
<br />
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
<img src="https://i.creativecommons.org/l/by/3.0/88x31.png" />
</a>
<br />
<span property="dct:title">Sharing Creative Works</span>,
by <a href="https://creativecommons.org/"
property="cc:attributionName"
rel="cc:attributionURL dct:creator">Creative Commons</a>
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution 3.0 Unported License</a>.
</div>
<br />
<a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
<img src="https://i.creativecommons.org/l/by-sa/3.0/88x31.png" />
</a>
<br />
This page, by
<a rel="cc:attributionURL dct:creator"
property="cc:attributionName"
href="https://creativecommons.org/foobar">Foo Bar</a>,
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.
</div></div>
</td>
<td>
<p>We have already seen the strategy for including metadata about different objects on a page in the <a href="#Text_block">text block</a> and other examples. The general idea is to set different subjects for different sets of metadata with an <tt>about</tt> attribute in a surrounding element, like a <tt>div</tt>. In this example, we have two different license assertions. One assertion is made about the whole document, and one is made about the <tt>CC_image.png</tt> image. The license assertion about the page follows the standard <a href="#Attribution">attribution</a> example. All metadata is about the current document because no <tt>about</tt> attribute is set to scope the statements. Then, above that metadata, we have a <tt>div</tt> that sets the subject <tt>CC_image.png</tt> with an <tt>about</tt> attribute. Within that <tt>div</tt> is license metadata about the license applied to that image.</p>
<p>There are two license assertions in this example. One is about the example as a whole, and one about the image within the example. If you were to click the license deeds from the example, the CC license deed would see and display metadata from that work on the page and in the copy-and-paste attribution HTML. This is because the license assertions are made about different licenses; for the resource as a whole, CC BY-SA, and for the image, CC BY. Unfortunately, if both license assertions were the same, the CC license deed would not be able to determine which metadata to display and would therefore display none.</p>
<h5>Read More</h5>
<ul>
<li><a href="http://www.w3.org/TR/xhtml-rdfa-primer/#id84801">RDFa Primer: Multiple Items per Page</a></li>
</ul>
</td>
</tr>
</table>
<h2 id="Reuses">Attributing Reuses</h2>
<table class="example">
<tr>
<th>
<h4 id="Single_source">Attributing a single-source remix</h4>
<h5><a href="examples/singleremix.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/">
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
<img src="https://i.creativecommons.org/l/by/3.0/88x31.png" />
</a>
<br />
Este remix del
<a <span class="hl">href="attribution.html"</span>
<span class="hl">rel="dct:source"</span>>
<span <span class="hl">property="dct:title"</span>>Attribution Example</span></a>
de
<a <span class="hl">about="attribution.html"</span>
href="http://lessig.org/"
rel="dct:creator">
<span <span class="hl">property="dct:title"</span>>Lawrence Lessig</span></a>,
es por
<a property="cc:attributionName"
rel="cc:attributionURL"
href="https://creativecommons.org/">Creative Commons</a>
y está disponible bajo una licencia
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution 3.0 Unported</a>.
</div></div>
</td>
<td>
<p>Attributing a source work in a remix is similar to how you would attribute a CC license work in a use, with one addition: you indicate a source work for the current document using <tt>dct:source</tt>. In this example, we have a Spanish version of an earlier example. The original document is indicated as the source of the current URL by linking to the source, <tt>href="attribution.html"</tt>, and specifying <tt>rel="dct:source"</tt>. The title of the source document is set in the <tt>span</tt> within the link. Here it's important to note that <tt>dct:title</tt> is describing the object of the surrounding tag; in this case, <tt>attribution.html</tt>. We also properly attribute the original document with the correct <tt>cc:attributionURL</tt> and <tt>cc:attributionName</tt> specified by the source. Lastly, we set a new <tt>cc:attributionURL</tt> and <tt>cc:attributionName</tt> for the remixed work.</p>
</td>
</tr>
<tr>
<th>
<h4 id="Multiple_source">Attributing a multiple-source remix</h4>
<h5><a href="examples/multipleremix.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/">
<div about="CC_image.png"
xmlns:dct="http://purl.org/dc/terms/"
xmlns:cc="http://creativecommons.org/ns#">
<img src="CC_image.png" height="200px" />
<br />
<span property="dct:title">Sharing Creative Works</span>,
by
<a href="https://creativecommons.org/"
property="cc:attributionName"
rel="cc:attributionURL dct:creator">Creative Commons</a>
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution 3.0 Unported License</a>.
</div>
<br />
Este remix de
<a <span class="hl">href="attribution.html"</span>
<span class="hl">rel="dct:source"</span>>
<span property="dct:title">Attribution Example</span></a>,
de
<a about="attribution.html"
rel="dct:creator"
href="http://lessig.org/">Lawrence Lessig</a>,
y <a <span class="hl">href="image.html"</span>
<span class="hl">rel="dct:source"</span>>
<span property="dct:title">Image Example</span></a>, por
<a about="image.html"
rel="dct:creator"
href="https://creativecommons.org/">Creative Commons</a>,
fue creado por
<a property="cc:attributionName"
rel="cc:attributionURL"
href="https://creativecommons.org/">Creative Commons</a>
y está disponible bajo una
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution 3.0 Unported License</a>.
</div></div>
</td>
<td>
<p>To attribute multiple sources in a remixed document, you simply need to indicate multiple <tt>dct:source</tt> documents. In this example, we have a document that is a remix of two source documents. Both source documents have been marked as being a <tt>dct:source</tt>. Additionally, the source documents are properly attributed and linked to as prescribed within each.</p>
</td>
</tr>
</table>
<h2 id="Public_Domain">Public Domain Content</h2>
<h3 id="CC0">CC0</h3>
<table class="example">
<tr>
<th>
<h4>Marking waiver, publisher, and use guidelines</h4>
<h5><a href="examples/cc0.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div xmlns:dct="http://purl.org/dc/terms/"
xmlns:cc="http://creativecommons.org/ns#"
<span class="hl">xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#"</span>>
<a rel="license" href="https://creativecommons.org/publicdomain/zero/1.0/">
<img src="https://i.creativecommons.org/l/zero/1.0/88x31.png"
style="border-style: none;" alt="CC0"/>
</a>
<br/>
To the extent possible under law,
<a <span class="hl">rel="dct:publisher"</span> href="https://creativecommons.org/">
<span property="dct:title">Creative Commons</span></a>
has waived all copyright and related or neighboring rights to
<span property="dct:title">Example Work</span>
and expects that users will follow the
<a <span class="hl">rel="cc:useGuidelines"</span> <span class="hl">href=""</span>>
Creative Commons Example Use Guidelines</a>.
This work is published from the
<span <span class="hl">property="vcard:Country"</span>
<span class="hl">datatype="dct:ISO3166"</span>
<span class="hl">content="US"</span>
<span class="hl">about="https://creativecommons.org/"</span>>United States</span>.
</div></div>
</td>
<td>
<p>To mark a work as having been placed into the public domain with the CC0 waiver, one follows similar steps from previous examples. If you'd like to avoid manually embedding metadata, You can create valid CC0 markup using the <a href="https://creativecommons.org/choose/zero/">CC0 tool</a>.</p>
<p>The link to the CC0 waiver should include a <tt>rel="license"</tt> attribute, even though the CC0 waiver is not a license, legally speaking. The <tt>dct:publisher</tt> should be set to the identifying URL of the publishing entity.</p>
<p>As in our dataset example, you should register the <tt>vcard</tt> namespace in the CC0 waiver mark. This enables the <tt>vcard:Country</tt> property, as seen at the bottom of this example. As in the datset example, we make a <tt>vcard:Country</tt> assertion about the <tt>dct:publisher</tt>. In this case, that publisher is <tt>http://creativecommons.org</tt>. For the <tt>vcard:Country</tt> value, we override the literal <tt>United States</tt> between the <tt>span</tt> tags by providing a <tt>content</tt> attribute, set to <tt>US</tt>. We additionally specify the datatype for this <tt>content</tt> attribute with <tt>datatype="dct:ISO3166"</tt>. While one could use the content between the <tt>span</tt> elements as the literal value for <tt>vcard:Country</tt>, the CC0 and Public Domain Mark deeds require a literal value with a <tt>datatype="ISO3166"</tt>. That is, you don't need to specify a <tt>content</tt> attribute if your literal value is already has that datatype (if <tt>US</tt> was between the span, rather than <tt>United States</tt>, for example).</p>
<p>As in previous examples, we have the option of linking to Use Guidelines for the work. To indicate that a link is to Use Guidelines we include a <tt>rel="cc:useGuidelines"</tt> attribute in the link. If this metadata is included, when someone clicks on the PDM mark the deed should discover that metadata and link to the guideline URL. In this example the <tt>href</tt> attribute is empty but would normally include the location of any use guidelines. Please note that use guidelines are not legally binding, and <tt>cc:useGuidelines</tt> is not meant to specify a URL that indicates legally binding guidelines for the work.</p>
</td>
</tr>
</table>
<h3 id="PDM">Public Domain Mark</h3>
<table class="example">
<tr>
<th>
<h4>Marking license, publisher, and use guidelines</h4>
<h5><a href="examples/pdm.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><div <span class="hl">about="Mona_Lisa.jpeg"</span> xmlns:dct="http://purl.org/dc/terms/">
<img src="Mona_Lisa.jpeg" />
<br />
<a rel="license" href="https://creativecommons.org/publicdomain/mark/1.0/">
<img src="https://i.creativecommons.org/p/mark/1.0/88x31.png"
style="border-style: none;" alt="Public Domain Mark" />
</a>
<br />
This work (<span property="dct:title">Mona Lisa</span>,
by <a <span class="hl">href="https://en.wikipedia.org/wiki/Leonardo_da_Vinci"</span>
<span class="hl">rel="dct:creator"</span>>
<span property="dct:title">Leonardo di ser Piero da Vinci</span>
</a>),
identified by
<a href="https://yergler.net/"
<span class="hl">rel="dct:publisher"</span>><span <span class="hl">property="dct:title"</span>>Nathan Yergler</span></a>,
is free of known copyright restrictions. Users are requested to honor the non-binding
<a <span class="hl">href=""</span> <span class="hl">rel="cc:useGuidelines"</span>>use guidelines</a>.
</div></div>
</td>
<td>
<p>Using the Public Domain Mark is very similar to using the CC0 waiver. First we set the subject of our metadata to the content being identified. In this case, we set <tt>about="Mona_Lisa.jpeg"</tt>. We then set a <tt>rel="license"</tt> attribute in the link to the PDM mark, again even though the mark is not strictly a license. We can also identify a creator of the work; in this case, the <tt>dct:creator</tt> is <tt>Leonardo di ser Piero da Vinci</tt>, which is a literal <tt>dct:title</tt> value applied to the URL <tt>https://en.wikipedia.org/wiki/Leonardo_da_Vinci</tt>, identifying the creator.</p>
<p>It is important we identify a <tt>dct:publisher</tt> of the resource, which is the entity making the Public Domain identification. The object of <tt>dct:publisher</tt> is a URL set with an <tt>href</tt> which is then given a <tt>dct:title</tt>. In this case, the <tt>dct:publisher</tt> is <tt>http://yergler.net/</tt> which has the title <tt>Nathan Yergler</tt>.</p>
<p>As in previous examples, we have the option of linking to Use Guidelines for the work. To indicate that a link is to Use Guidelines we include a <tt>rel="cc:useGuidelines"</tt> attribute in the link. If this metadata is included, when someone clicks on the PDM mark the deed should discover that metadata and link to the guideline URL. In this example the <tt>href</tt> attribute is empty but would normally include the location of any use guidelines. Please note that use guidelines are not legally binding, and <tt>cc:useGuidelines</tt> is not meant to specify a URL that indicates legally binding guidelines for the work.</p>
<h5>Read More</h5>
<ul>
<li><a href="https://wiki.creativecommons.org/Public_Domain_Mark">Public Domain Mark on the CC wiki</a></li>
</ul>
</td>
</tr>
</table>
<h2 id="Registration">Marking copyright registration</h2>
<p>There is a method to mark your CC-licensed work as being registered by a copyright registry.</p>
<table class="example">
<tr>
<th>
<h4 id="CCNetwork">Marking a work as registered (CC Network)</h4>
<h5><a href="examples/registration.html">↳ See example HTML</a></h5>
</th>
<th>
<h5>Explanation</h5>
</th>
</tr>
<tr>
<td>
<div class="code"><a <span class="hl">xmlns:sioc="http://rdfs.org/sioc/ns#"</span>
<span class="hl">rel="sioc:has_owner"</span>
<span class="hl">href="https://creativecommons.net/creativecommons/"</span>>
<img src="https://creativecommons.net/i/creativecommons/"
style="border:0;" />
</a>
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
<img src="https://i.creativecommons.org/l/by/3.0/us/88x31.png"
style="border:0;" />
</a>
<br />
<span xmlns:dct="http://purl.org/dc/terms/"
property="dct:title">Example Work</span>
by
<a xmlns:cc="http://creativecommons.org/ns#"
href="https://creativecommons.org/"
property="cc:attributionName"
rel="cc:attributionURL">Creative Commons</a>
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution 3.0 Unported License</a>.</div>
</td>
<td>
<p>Registering work on the CC Network is a multi-step process. First, you must have an account on the CC Network. For more details on obtaining one, see <a href="https://creativecommons.net/">creativecommons.net</a>. Then you must find the stable URL to your work and follow the directions on the CC Network to registering it as your work. In your CC Network account, you should be given a copy-and-paste version of the CC Network badge to place on the work.</p>
<p>In this example, you can see the CC Network badge with the embedded registration metadata. First the <tt>sioc</tt> namespace is declared. Then we link the badge to our CC Network account with a <tt>rel="sioc:has_owner"</tt> to indicate that this is a link to the owner of the current document.</p>
<p>With this metadata in place, when someone clicks through to the license deed from the work, the deed will display registration information and link to the registration page on the CC Network.</p>
<h5>Read More</h5>
<ul>
<li><a href="https://labs.creativecommons.org/~nathan/oscri/describing-registrations.html">Describing Work Registrations</a> describes how a Registry and creator (Registrant) can publish information about Work Registrations in a decentralized, mutually reinforcing and extensible manner.</li>
</ul>
</td>
</tr>
</table>
<h2 id="More">More Resources</h2>
<ul>
<li><a href="https://www.w3.org/Submission/ccREL/">W3C Member Submission: ccREL: The Creative Commons Rights Expression Language</a></li>
<li><a href="https://wiki.creativecommons.org/CC_REL">CC REL page on the CC wiki</a></li>
<li><a href="https://www.w3.org/TR/xhtml-rdfa-primer/">RDFa Primer</a></li>
<li><a href="https://www.w3.org/TR/rdfa-syntax/">RDFa in XHTML: Syntax and Processing</a></li>
<li><a href="http://rdfa.info/wiki/RDFa_Wiki">RDFa Wiki</a></li>
</ul>
</div>
<div about=""
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dct="http://purl.org/dc/terms/" id="footer" typeof="cc:Work">
<p><b><span property="dct:title">Implementing Creative Commons License Metadata</span></b> is produced and maintained by
<a property="cc:attributionName" rel="cc:attributionURL dct:creator" href="https://creativecommons.org/">Creative Commons</a>
and is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/3.0/">
Creative Commons Attribution License</a>. The source is available <a href="https://github.com/creativecommons/ccrel-guide">here</a>.</p>
</div>
</body>
</html>