📜 ⬆️ ⬇️

Microformats to life. Practical use.

For many users, microformats are not yet a fait accompli, although in fact, not being a programmer, you can already make a contribution to their development.

For example, at present livejournal does not support microformats in user profiles . However, we can eliminate this moment on our own by publishing the following code in our profile :
<div class = "vcard" style = "padding: 8px; font-size: 12px; height: 116px; background-color: # fff3d2;">
<img src = " http://horsev.dp.ua/avao1001.jpg " alt = "photo" class = "photo" / style = "float: left; margin: 0 8px 8px 0;">
<a class="url fn n" href=" http://horsev.dp.ua/ "> <span class = "given-name"> Andrey </ span> <span class = "additional-name"> P . </ span> <span class = "family-name"> Horsev </ span> </a>
<div class = "org"> 908 </ div>
<div class = "adr">
<div class = "street-address"> Rogaleva, 10 </ div>
<span class = "locality"> Dnipropetrovsk </ span>, <span class = "postal-code"> 49000 </ span> <span class = "country-name"> Ukraine </ span>
</ div>
<div class = "tel"> + 38 0562 476808 </ div>
</ div>
All this can look pretty nice (css at your discretion, the main thing is to correctly specify the class names for the microformat). For example:

<img src = " horsev.dp.ua/avao1001.jpg " alt = "photo" class = "photo" / style = "float: left; margin: 0 8px 8px 0;"> Andrey P. Horsev
908 Rogaleva, 10Dnipropetrovsk, 49000 Ukraine + 38 0562 476808

You can check how everything works with the help of the extension described above . And on this page my card is already in microformat. The plugin will generate a vcard for your address book.
')
Now for the cons - e-mail address. I do not want to open my e-mail in open format (for obvious reasons) and there is no such field in the above code, unfortunately at the moment this is a very unpleasant detail.

Despite this, I wish you success in popularizing the concept of microformats!

Source: https://habr.com/ru/post/972/


All Articles