Semantic Web Hook

A feature rich Semantic Web User-Experience framework.


SWHook is a simple, dependency free Microdata JavaScript framework. It turns semantic information embedded within the page into useful functionality for end-users. Once added to a website, this automated library will sniff markup on the fly for compatible microdata and transform it into a useful browser-based format for your visitors. This library adds no bloat, it just enhances what's there on the Semantic Web!


You can source the framework from the NPM registry using the following command:

npm install swhook

If you prefer to self-host the framework, you can download the library below:

If you'd like to request a copy of the complete source code (with comments), use this:

<script defer src=""></script>

If you'd prefer to directly link to a CDN hosted copy of the library for inclusion, use this:

<script defer src=""></script>


You'll need to include the library within the footer of each page (above the closing HTML tag). The framework will get new features along with updates and bug patches; so if you find issues, or a form of metadata currently unsupported; drop me an email and I'll try and get it fixed / included in the next release cycle.


Add a reference to the library at the body base of your page:

<script defer src="swhook-min.js"></script>


Below is a complete list of the API's, Web standards and Semantic Web Microdata formats that SWHook supports. Within each format I've provided a list of the elements supported and various methods or variables offered. The data-meta attribute lets you change the service visitors will navigate too. Aside from that, file formats identify what semantic data can export to and other features will have their own unique capabilities.

HTML5 Elements

Microformats v1-2

Structured Data

External Formats