4 Design Web

Microdata are a suggested feature of HTML5 intended to offer an easy way to implant semantic markup into HTML documents.
Microdata can be regarded as an extension of the present microformat idea which tries to address the inadequacies of microformats without the complicatedness of systems like RDFa.

What is Microdata in HTML5?

HTML5 Microdata could mark the start of a practical, practical approach to a very semantic web Old schoolies may remember this tiny thing called the Semantic Web. No I am not talking about Semantic HTML, a posh bit of language that by its mere discussing can give site design amateurs a glint of demented evangelism in their eyes. No. I am talking about real methods to make the web more helpful to users. The Semantic net would perfectly help out users find and use info because PCs would know as an example that an incident is an incident instead of a bunch of text.

If a PC knows an event is an event, it may possibly add a mechanism to permit the user to add the event to their calendar. Otherwise, in what's been the standard, the PC randomly exhibits the information putting the duty in the hands of the user. While there were a lot of approaches to a semantic net including XML none have actually in use off further than APIs for the reason that Net users don't read XML code. Users look at net pages. In addition writing XML schemas was unreal and ill-adopted by web site designers and search websites alike. But the times they're a-changing '. HTML5 is about to introduce Microdata which is an API for adding semantic information to ordinary HTML tags.This implies that using simple HTML tags, you can tell the a search website or net browser that an incident is an incident, someone is an individual and the like.

How does Microdata markup look?
Using Microdata is easy because distinct XML you do a similar thing you have been done since you develop your primary website. The sole differentiation is you insert an extra characteristic or attribute to your HTML tags, like so:

Before adding Microdata:-
<div>
<h1>My big event</h1>
<p>My big event is going to be fun. You should come. </p>
<p>When: July 4th, 2022 at 6:00pm to July 4th, 2022 at 10:00pm. </p>
<p>Where: Fun Times Bar</p>
</div>

After Adding Microdata:

<div itemscope itemtype="http://data-vocabulary.org/Event">
<h1 itemprop="summary">My big event</h1>
<p itemprop="description">My big event is going to be fun. You should come.</p>
<p>When: <span itemprop="startDate" datetime="2022-07-04T18:00">July 4th, 2022 at 6:00pm</span> to <span itemprop="endDate" datetime="2022-07-04T22:00">July 4th, 2022 at 10:00pm</span>.</p>
<p itemprop="location" itemscope
itemtype="http://data-vocabulary.org/Organization">Where: <span itemprop="name">Fun Times Bar</span></p>
</div>