What is Microdata in HTML5 ?
Microdata lets you define your own custom-tailored elements and start implanting custom-tailored properties in your web pages. At a high level, microdata comprises a set of name-value pairs. Microdata syntax consists of a set of (name-value) that can be acquired using machine parsing tools. Microdata uses a vocabulary to narrate an item and name-value pairs to allocate values to its belongings. Microdata is an attempt to provide an easy way of annotating HTML elements with machine-readable tags and analyzing web pages. This allows search engines to highlight or highlight more applicable information.
The groups are called items, and each name-value pair is a property. Items and properties are represented by regular elements.
Defining Microdata Vocabulary: Microdata vocabularies provide the semantics or meaning of an Item. Web developers can design a custom vocabulary or use vocabularies available on the web OR To define microdata vocabulary you need a namespace URL that points to a working web page. For example, https://abc-xyz.org/geek (example site) can be used as the namespace for a personal microdata vocabulary with the following named properties:
- name: Person name as a simple string.
- Country: Country name as a simple string.
- url: A website belonging to the user.
- photo: A URL to a picture of the user.
Global attributes: Some of the global attributes of microdata are described below.
|1.||itemscope||Defines the scope of the microdata items. The itemscope attribute is a Boolean attribute that tells that there is Microdata on this page|
|2.||itemtype||A URL to define the vocabulary used for encoding the microdata and provides the context for the properties.|
|3.||itemprop||Defines the property (name-value) of the microdata.|
|4.||itemref||itemref provides a list of element IDs with additional properties. itemref attribute can only be written with itemscope attribute.|
|5.||itemid||It’s a global identifier for a Microdata item.|
Example 1: In this example, to create an item, the itemscope attribute is used, and to add a property to an item, the itemprop attribute is used on one of the item’s successor.
Example 2: In this example, we have defined properties as microdata. When Google’s web crawler parses your page and finds microdata properties that conform to the https://abc-xyz.org/geek (example site) vocabulary, it parses out those properties and stores them alongside the rest of the page data.
Please Login to comment...