From 754bbf7a25a8dda49b5d08ef0d0443bbf5af0e36 Mon Sep 17 00:00:00 2001 From: Craig Jennings Date: Sun, 7 Apr 2024 13:41:34 -0500 Subject: new repository --- devdocs/html/global_attributes%2Fitemref.html | 87 +++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 devdocs/html/global_attributes%2Fitemref.html (limited to 'devdocs/html/global_attributes%2Fitemref.html') diff --git a/devdocs/html/global_attributes%2Fitemref.html b/devdocs/html/global_attributes%2Fitemref.html new file mode 100644 index 00000000..1e6eda9e --- /dev/null +++ b/devdocs/html/global_attributes%2Fitemref.html @@ -0,0 +1,87 @@ +

itemref

+

Properties that are not descendants of an element with the itemscope attribute can be associated with an item using the global attribute itemref.

itemref provides a list of element IDs (not itemids) elsewhere in the document, with additional properties

The itemref attribute can only be specified on elements that have an itemscope attribute specified.

Note: The itemref attribute is not part of the microdata data model. It is merely a syntactic construct to aid authors in adding annotations to pages where the data to be annotated does not follow a convenient tree structure. For example, it allows authors to mark up data in a table so that each column defines a separate item while keeping the properties in the cells.

+
+

Examples

+ +

Representing structured data for a band

+
+

This example uses microdata attributes to represent the following structured data (in JSON-LD format):

+

json

+
{
+  "@id": "amanda",
+  "name": "Amanda",
+  "band": {
+    "@id": "b",
+    "name": "Jazz Band",
+    "size": 12
+  }
+}
+
+

HTML

+

html

+
<div itemscope id="amanda" itemref="a b"></div>
+<p id="a">Name: <span itemprop="name">Amanda</span></p>
+<div id="b" itemprop="band" itemscope itemref="c"></div>
+<div id="c">
+  <p>Band: <span itemprop="name">Jazz Band</span></p>
+  <p>Size: <span itemprop="size">12</span> players</p>
+</div>
+
+

Result

+
+ + +
+
+

Specifications

+
+ + +
Specification
HTML Standard
# attr-itemref
+

Browser compatibility

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebView AndroidChrome AndroidFirefox for AndroidOpera AndroidSafari on IOSSamsung Internet
itemrefYes12YesYesYesYesYesYesYesYesYesYes
+

See also

+
+

+ © 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
+ https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemref +

+
-- cgit v1.2.3