Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Microformats microdata

Featured Replies

I'm really a newbie when it comes to microformats and microdata. I've always aimed at making my markup as semantic as possible but have only just began to try to implement this.

What I really need is a tool to validate my use of microformats2 and microdata. I've installed the oprator plugin for firefox that alllows me to "extract" microformats from my markup but the plugin doesn't seem to work with microformats2 or microdata.

I also have a question regarding microdata itemscopes:

Can I add multiple itemtypes to an itemscope and have the itemscope span over an entire page by adding it to a wrapper div on each page? That way i could just add itemprops when needed.

Or should a scope only span over one or more relevant itemprops?

I use this tool from Google. Looking past the Google search result example, it pulls out all microdata so you can see if you've formatted it all correctly...

 

http://www.google.com/webmasters/tools/richsnippets

 

As for your question, an itemscope should generally contain multiple item props. That itemprop can be another itemscope too, for example:

<div itemscope itemtype="http://schema.org/Person">
	<span itemprop="name">Andy Lockett</span>
	<img itemprop="image" src="/my/image.jpg" />
	<meta itemprop="gender" content="male">
	<div itemscope itemprop="address" itemtype="http://schema.org/PostalAddress">
		<span itemprop="streetAddress">123 Example Street</span>
		<span itemprop="addressLocality">Exampleton</span>
		<span itemprop="addressRegion">Exampleshire</span>
		<span itemprop="postalCode">EX12 3AM</span>
		<span itemprop="addressCountry">GB</span>
	</div>
</div>
Edit: This is a really useful site, if you haven't come across it yet: http://schema.org

Edited by andy9l

  • Author

Thanks for always being so helpful Andy. Just did some tests with the google tool and it turned out to be just the tool I needed. :)

Edited by Nillervision

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.