Learn html5, Using microdata

Regardless of which microsyntax schema that you use, you’ll be able to define data in much richer detail To introduce you to the process of using rich data, we’re gonna explore using Schema.org’s microdata syntax.

So we’re gonna do this using the blog.htm file, found in the 04_06 folder Now one of the reasons I wanna use this is because if I preview this page in my browser, I can see that this entire page is really focusing on a recipe, in this case, “Hollys Trail Mix.”.

We notice we have a nice summary of the recipe.

If I scroll down, we have prep time, cook time, ingredients, directions We even have a bunch of reviews where people have reviewed the trail mix recipe and said, “Hey, we really like this”.

So I’d like to explain this semantically in a little bit more detail And the best way for me to do that is to use microsyntaxes because in HTML, there are no recipe tags, or prep time, or cook time or ingredient elements So I’m gonna have to extend HTML in order to do this.

Now if I go back to Schema.org and I’m looking at the schemas.

Leave a Reply

avatar
1000
  Subscribe  
Notify of