You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -319,13 +319,13 @@ <h3 id="embed-json-ld">Annotations Embedded as JSON-LD</h3>
319
319
<section>
320
320
<h3>Annotating an HTML <code><div></code></h3>
321
321
<p><spanstyle="font-weight:bold">Use case for Example 1:</span> Mara wants to annotate the transcription of the emblem motto
322
-
with its Latin translation. The target of the annotation is the
322
+
with its Latin translation. The target of the annotation is the
323
323
<code><div></code> node of the HTML document that has an <code>id</code> attribute
324
324
with the value <code>"mottoTranscription"</code>.
325
-
Because the target of the annotation is
326
-
a node which has an id attribute, a CSS Selector is appropriate.
327
-
The body of the annotation is the plain text of the Latin translation. To embed the body in the annotation, a TextualBody is used.
328
-
To identify the annotation itself, an IRI [[rfc3987]] is provided as the value of the annotation's id property.
325
+
Because the target of the annotation is
326
+
a node which has an <code>id</code> attribute, a CSS Selector is appropriate.
327
+
The body of the annotation is the plain text of the Latin translation. To embed the body in the annotation, a <code>TextualBody</code> is used.
328
+
To identify the annotation itself, an IRI [[rfc3987]] is provided as the value of the annotation's <code>id</code> property.
329
329
It is not required that this IRI be dereferenceable.
330
330
</p>
331
331
@@ -362,21 +362,21 @@ <h4>JSON-LD Example 1</h4>
362
362
}
363
363
</script>
364
364
</pre>
365
-
366
-
<pclass="note"> While an HTML <code><script></code> node may itself have an <code>id</code>
367
-
attribute, implementers are discouraged from using an HTML URL with fragment identifier to identify an annotation.
365
+
366
+
<pclass="note"> While an HTML <code><script></code> node may itself have an <code>id</code>
367
+
attribute, implementers are discouraged from using an HTML URL with fragment identifier to identify an annotation.
368
368
An HTML fragment identifier is only intended to indicate and help navigate to a specific DOM node in an HTML document
369
-
(see HTML5 Recommendation [[html5]] Section 5.6.9, "Navigating to a fragment identifier").
370
-
A fragment identifier does not unambiguously identify the contents of this node as a separate resource.
371
-
</p>
369
+
(see HTML5 Recommendation [[html5]] Section 5.6.9, "Navigating to a fragment identifier").
370
+
A fragment identifier does not unambiguously identify the contents of this node as a separate resource.
371
+
</p>
372
372
</section>
373
373
374
374
<section>
375
375
<h3>Annotating a Web page image</h3>
376
376
<p><spanstyle="font-weight:bold">Use case for Example 2</span>: Tim wants to tag the emblem image linked from the
377
377
HTML document with an Iconclass descriptor. (Iconclass [[iconclass]] is a linked open data friendly, multilingual classification
378
378
system for cultural content.) The body of this annotation is therefore an External Web Resource. To make clear that the image is
379
-
being annotated within the context of the Web page describing the emblem, a SpecificResource with a scope property is used
379
+
being annotated within the context of the Web page describing the emblem, a <code>SpecificResource</code> with a <code>scope</code> property is used
380
380
to express the target of the annotation.
381
381
</p>
382
382
@@ -409,12 +409,12 @@ <h4>JSON-LD Example 2</h4>
409
409
410
410
<section>
411
411
<h3>Annotating the <code><body></code> of an HTML document</h3>
412
-
<p><spanstyle="font-weight:bold">Use case for Example 3</span>: Myung-Ja wants to link
413
-
the description of this emblem with another digitized emblem at the University of Illinois.
414
-
The other emblem, an external Web resource, is the body of the annotation.
415
-
The motivation of the annotation is "linking".
412
+
<p><spanstyle="font-weight:bold">Use case for Example 3</span>: Myung-Ja wants to link
413
+
the description of this emblem with another digitized emblem at the University of Illinois.
414
+
The other emblem, an external Web resource, is the body of the annotation.
415
+
The motivation of the annotation is "linking".
416
416
The entire <code><body></code> node of the HTML document serves as the target of this annotation.
417
-
As with Example 1, a CSS Selector is used to express the target.
417
+
As with Example 1, a CSS Selector is used to express the target.
418
418
</p>
419
419
<h4>JSON-LD Example 3</h4>
420
420
<preclass="example highlight" title="Annotating the body of a Web page">
@@ -445,11 +445,11 @@ <h4>JSON-LD Example 3</h4>
445
445
</script>
446
446
</pre>
447
447
<pclass="note">While HTML <code><script></code> elements
448
-
are allowed in both the <code><head></code>node and the <code><body></code>node, it is suggested to
449
-
add embedded annotations to the <code><head></code>node when targeting the whole
450
-
of the <code><body></code>node of an HTML document; this avoids any potential ambiguity
451
-
that might arise from an annotation targeting itself.
452
-
</p>
448
+
are allowed in both the <code><head></code> and the <code><body></code>elements, it is suggested to
449
+
add embedded annotations to the <code><head></code>element when targeting the whole
450
+
of the <code><body></code>element of an HTML document; this avoids any potential ambiguity
451
+
that might arise from an annotation targeting itself.
452
+
</p>
453
453
</section>
454
454
</section>
455
455
@@ -460,13 +460,13 @@ <h3>Annotations Embedded as RDFa</h3>
460
460
Instead point to the application...</p>
461
461
<p>TODO: Summarize comparitive advantages of this approach, e.g., markup of the target with attributes, etc. ...</p> -->
462
462
463
-
<p>Another approach of embedding annotations into HTML is to use RDFa [[rdfa-primer]]. The advantage of using RDFa is that the annotation features are mixed with the core HTML content, meaning that, for example, the text in the HTML source can be also re-used as an annotation textual body. In other words, a single resource may become both human visible as well as machine-readable. On the other hand, RDFa is an RDF serialization syntax: the RDF vocabulary described in [[annotation-vocab]] must thefore be used instead of the JSON-LD encoding used in the [[annotation-model]] document. This requirement may be problematic for some users.</p>
463
+
<p>Another approach of embedding annotations into HTML is to use RDFa [[rdfa-primer]]. The advantage of using RDFa is that the annotation terms are mixed with the core HTML content, meaning that, for example, the text in the HTML source can be also re-used as an annotation textual body. In other words, a single resource may become both human visible as well as machine-readable. On the other hand, RDFa is an RDF serialization syntax: the RDF vocabulary described in [[annotation-vocab]] must thefore be used instead of the JSON-LD encoding used in the [[annotation-model]] document. This requirement may be problematic for some users.</p>
464
464
465
465
<h4>Example</h4>
466
466
467
-
<p>This example is a significantly simplified version of a more complex application that uses an RDFa encoding of annotations within a framework for decentralised article authoring and annotation (see <ahref="https://dokie.li/"> for further details</a>). The example shows one of the advantages of RDFa: the “Communities have various…” text, while readable when the corresponding HTML page is displayed, automatically provides the textual body of the annotation. However, the relative complexity of mixing complex RDFa structures with HTML makes it more suitable for automatic code generation (e.g., through authoring systems) rather than manual editing.</p>
467
+
<p>This example is a significantly simplified version of a more complex application that uses an RDFa encoding of annotations within a framework for decentralised article authoring and annotation (see <ahref="https://dokie.li/"> for further details</a>). The example shows one of the advantages of RDFa: the “Communities have various…” text, while readable when the corresponding HTML page is displayed, automatically provides the textual body of the annotation. The relative complexity of mixing complex RDFa structures with HTML makes it more suitable for automatic code generation (e.g., through authoring systems) rather than manual editing.</p>
468
468
469
-
<pclass="note">The example below assumes that RDFa parsers use the <ahref="https://www.w3.org/2011/rdfa-context/rdfa-1.1">RDFa Core Initial Context</a> to understand the predefined prefixes.</p>
469
+
<pclass="note">The example below relies on the fact that RDFa parsers use the <ahref="https://www.w3.org/2011/rdfa-context/rdfa-1.1">RDFa Core Initial Context</a> to understand the predefined prefixes.</p>
<p>Care should be taken, however, that the exact specification of what it means to mix both RDFa and embedded contents within the same HTML file is not (yet) formally specified. Tools that do understand this type </p>
539
-
540
535
<section>
541
536
<h4>Mixing RDFa with embedded RDF content</h4>
542
537
543
-
<p>The approach used in <ahref="#embed-json-ld"></a> can be combined, within the same HTML content, with the usage of RDFa. It is also possible to use the same approach (i.e., a <code><script></code> element with an appropriate media type) to include RDF using other serializations, most notably Turtle (see <ahref="https://www.w3.org/TR/turtle/#in-html">Appendix A</a> of the [[turtle]] specification for more details). I.e, it is possible to modify the <ahref="#dokieli-example">dokieli example</a> above as follows:</p>
538
+
<p>The approach used in <ahref="#embed-json-ld"></a> can be combined, within the same HTML content, with the usage of RDFa. It is also possible to use the same approach (namely using a <code><script></code> element with an appropriate media type) to include RDF using other serializations, for exaple Turtle (see <ahref="https://www.w3.org/TR/turtle/#in-html">Appendix A</a> of the [[turtle]] specification for more details). I.e, it is possible to modify the <ahref="#dokieli-example">dokieli example</a> above as follows:</p>
544
539
545
540
<preid="dokieli-example-modified" class="example" title="Simplified dokieli example with embedded turtle"><script type="text/turtle">
546
541
@prefix oa: <http://www.w3.org/ns/oa#> .
@@ -579,16 +574,16 @@ <h4>Mixing RDFa with embedded RDF content</h4>
579
574
</section>
580
575
</article></pre>
581
576
582
-
<p>With an appropriate tools, understanding both RDFa and the embedded Turtle, the results would be identical to <ahref="#dokieli-example-turtle">Example 5</a>.</p>
577
+
<p>With an appropriate tools that understand both RDFa and the embedded Turtle the results is identical to <ahref="#dokieli-example-turtle">Example 5</a>.</p>
583
578
584
-
<p>Care should be taken, however, that the exact details of what it means to mix both RDFa and embedded contents within the same HTML file is not (yet) formally specified. Tools that do understand this type of mix usually parse the various syntaxes into separate RDF Graphs (see [[rdf11-concepts]]) which are then merged following the rules described in the RDF Semantics document [[rdf11-mt]]. This means that, for example, blank nodes are not shared, nor are namespace declarations among the different serializations.</p>
579
+
<p>Care should be taken, however, that the exact details of what it means to mix both RDFa and embedded RDF contents within the same HTML file is not (yet) formally specified. Tools that do understand this type of mix usually parse the various syntaxes into separate RDF Graphs (see [[rdf11-concepts]]) which are then merged following the rules described in the RDF Semantics document [[rdf11-mt]]. This means that, for example, blank nodes are not shared, nor are namespace declarations among the different serializations.</p>
585
580
</section>
586
581
</section>
587
582
588
583
<section>
589
584
<h3>Web Annotation-based Citation URLs</h3>
590
-
<p>The Selectors and States Note [[selector-note]] published by the Web Annotation Working Group includes information on encoding
591
-
<adata-cite="selector-note#frags">Web Annotation Selectors and State classes as IRI Fragment Identifiers</a>. The following
585
+
<p>The Selectors and States Note [[selectors-states]] published by the Web Annotation Working Group includes information on encoding
586
+
<adata-cite="selectors-states#frags">Web Annotation Selectors and State classes as IRI Fragment Identifiers</a>. The following
592
587
examples show how these URLs could be used to reference portions of a Specific Resource on the Web via IRIs:
593
588
</p>
594
589
<section>
@@ -616,7 +611,7 @@ <h3>Example using <code><blockquote></code> and <code><q></code> tag
616
611
all of the quotations (within the <code><q></code> tags) exist within the <code>#introduction</code> section referenced
617
612
by the surrounding <code><blockquote></code>.
618
613
619
-
<p>The Selectors and States Note [[selector-note]] explains that fragment identifiers are technically defined when the media
614
+
<p>The Selectors and States Note [[selectors-states]] explains that fragment identifiers are technically defined when the media
620
615
type is specified. However in practice the utilization of fragment identifiers by publishers and developers ranges from
621
616
browser state handling to anchoring highlights of quotations (as seen here).</p>
622
617
@@ -625,7 +620,7 @@ <h3>Example using <code><blockquote></code> and <code><q></code> tag
625
620
browser, server, and JavaScript developers may take advantage of these citations identifiers for re-anchoring selection
626
621
or extracting (and verifying) quotations made within an HTML document which uses this method.</p>
627
622
</section>
628
-
<section>
623
+
<section>
629
624
<h3>Example using an <code><a></code> tag</h3>
630
625
631
626
<p>Using the same methods described above, <code><a></code> tags may also be used to express a desired highlight or reference. However,
0 commit comments