Do you put Schema Microdata meta tags in the html body?

by

If a meta element

  • has an itemprop attribute and a content attribute, and
  • has no name attribute, no http-equiv attribute, and no charset attribute,

then it’s valid to have this meta in the body. (If the value is a URL, you must use link instead.)

Why? Because the Microdata specification changes HTML5.

(Note that RDFa also changes HTML5 by allowing meta in the body in some cases.)

If you were to keep the meta tags in the <head>, then how would you relate these two dates to their reviews?

You could use the itemref attribute:

<!DOCTYPE html>
<html>
<head>
  <title>Using itemref for meta in the head</title>
  <meta itemprop="datePublished" content="2011-03-25" id="date">
</head>
<body>

  <div itemscope itemtype="http://schema.org/Review" itemref="date">
    <span itemprop="name">…</span>
  </div>

</body>
</html>

itemref takes a space-separated list of id values, so you can even reference two or more elements. Just add the id of all elements (containing itemprop attributes) that should be added to the item to its itemref attribute, e.g.: itemref="date author rating".

More Related Contents:

  1. Why use Schema.org microdata to mark up web page elements?
  2. Schema.org NewsArticle: invalid value for logo property
  3. Schema.org/Microdata markup for list of recent posts without providing “author” / “publisher”?
  4. How to add an image to an event with Microdata meta tag?
  5. Microdata vs RDFa
  6. Does Schema.org markup work if markup is dynamically built with JavaScript?
  7. Can Microdata be applied on any type of HTML element? [closed]
  8. Is it possible to use the same meta tag for opengraph and schema.org
  9. Can I Use Multiple ItemProps in a Span Tag for schema.org Rich Snippets?
  10. What is the correct use of schema.org SiteNavigationElement?
  11. Best JSON-LD practices: using multiple elements?
  12. HTML5 microdata: span content?
  13. How to set a microdata image property, without letting the browser download the image?
  14. Html noobs layouting
  15. How can I set the default value for an HTML element?
  16. Why can’t the tag contain a tag inside it?
  17. Google Apps Script to open a URL
  18. HTML encoding issues – “” character showing up instead of ” “
  19. Changing image on hover with CSS/HTML
  20. Linking to another HTML page in Google Apps Script
  21. What is the purpose of the “role” attribute in HTML?
  22. How to style a checkbox using CSS
  23. Font Awesome icon inside text input element
  24. html – links without http protocol
  25. Not showing placeholder for input type=”date” field
  26. Fill remaining vertical space – only CSS
  27. Safari anchors on links not working
  28. What are the CSS properties that get elements out of the normal flow?
  29. Detecting real time window size changes in Angular 4
  30. What does #/ means in url?

Leave a Comment