From the course: HTML: Structured Semantic Data
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Using itemscope and itemtype to add meaning - HTML Tutorial
From the course: HTML: Structured Semantic Data
Using itemscope and itemtype to add meaning
- [Narrator] Now that you know where to go to get information about the type of data, and how that data is going to be characterized. Let's start to talk about the other half of the problem, which is how we're going to express this in code. And the first way we're going to do this is with microdata. Microdata is just one of the several ways that we could be expressing this information. And it's part of the HTML five specification. So let's go on ahead and get started here inside of your exercise files folder for chapter one, we have this starter file. And if you just take a look at that really quickly, I haven't given you any CSS, I haven't given you any JavaScript, I've just kept this very simple and focused on this little bit of HTML. So as you read through this, you'll notice pretty quickly that this is about Nadia's garden restaurant. And that obviously the type of data that we're talking about here is a restaurant, so the first thing that we want to do is go on over to our…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Using itemscope and itemtype to add meaning3m 30s
-
(Locked)
Adding itemprop to expand on meaning7m 23s
-
(Locked)
Embedding schemas in schemas5m 1s
-
(Locked)
Using the meta tag for information that cannot be marked up6m 26s
-
(Locked)
Using the Structured Data Markup Helper for microdata7m 30s
-
(Locked)
Testing your microdata markup with the Structured Data Testing Tool9m 16s
-
(Locked)
Challenge: Marking up a document with microdata1m 34s
-
(Locked)
Solution: Marking up a document with microdata3m 15s
-
(Locked)
-
-
-