svg: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(Adds simple example of microformats in svg.)
m (Fix: replaces deprecated <source> tag with <syntaxhighlight>)
Line 8: Line 8:
Here is a simple example:
Here is a simple example:


<source lang=html>
<syntaxhighlight lang=html>
<svg class="h-card" viewBox="0 0 200 200" height="200" width="200">
<svg class="h-card" viewBox="0 0 200 200" height="200" width="200">
     <circle cx="50%" cy="50%" r="100" fill="gold"/>
     <circle cx="50%" cy="50%" r="100" fill="gold"/>
Line 15: Line 15:
     </text>
     </text>
</svg>
</svg>
</source>
</syntaxhighlight>


== See also ==
== See also ==


* https://btrem.com/2021/04-svg-microformats
* https://btrem.com/2021/04-svg-microformats

Revision as of 23:34, 30 November 2022

This article is a stub. You can help the microformats.org wiki by expanding it.

The class attribute is allowed on SVG elements. As such, there are rich possibilities for embedding microformats with or in them.


Example

Here is a simple example:

<svg class="h-card" viewBox="0 0 200 200" height="200" width="200">
    <circle cx="50%" cy="50%" r="100" fill="gold"/>
    <text class="p-name" x="25" y="110" font-size="30">
        Example Co.
    </text>
</svg>

See also