Day 19:

Today I’m going to be discussing microformats! This allows you to add little bits of context to website which allows others to be able to read it with ease. You might use the “h-card” vocabulary to create a small element that showcase your photo and name. Or use “h-entry” to markup a post. The beauty of this simple format is that you can easily add it to your site and immediately start seeing tangible benefits. For example, microformats give you the ability to have your website interpreted by a microsub server like we discussed yesterday without having to create a special RSS feed file. Microformats2 works by adding classes to the HTML markup you’ve already created that describe what it does.

A simple example may look something like this: 

<a class="h-card" href="mywebsitehere.example.com">
<img src="/photo.png" alt="" />My name
</a>
That’s a basic h-card that can now be interpreted easily to create a profile. So if you were to send a webmention to another site, the other site could you your main h-card beside your comment without having to rely on another other service! Microformats allow you to create likes, bookmarks, or even play chess, like I explained in my post on webmentions. Their power is only limited by how far you want to take them!

Take a look at what microformats can do and you won’t be able to stop finding more uses for it! Until next time!

#challenge #30daysofsharingwhatilearn
Do you have a reply you want to share? You can send me the URL here:
« 2020 01 30t20 31 00.000z 2020 02 01t12 38 00.000z »