XHTM − eXtended HTM Tagged Markup

XHTM is alternative implementation ofHTM without HTM-specific limitations.Low-level machinery is rejected in favor of readability and better HTML support.

Differences from HTM

• Self-closing tags supporthtm`<input><br>` →[h('input'), h('br')].
• HTML directives<!doctype>,<?xml?> etc. support#91.
• Optionally closed tags support<p>foo<p>bar →<p>foo</p><p>bar</p>#91.
• Interpolated props are exposed as arrayshtml`<a/>` →h('a', { class: ['a ', b, ' c'] }).
• Calculated tag names#109 support.
• Ignoring null-like arguments (customizable)#129.
• Spaces formatting closer to HTML; elements with preserved formatting (#23).
• No integrations exported, no babel compilers.
• No cache.

Installation & Usage

xhtm is by default fully compatible withhtm and can be used as drop-in replacement.

importhtmfrom'xhtm'import{render,h}from'preact'html=htm.bind(h)render(html`<h1>Hello World!</h1><p>Some paragraph<br><p>Another paragraph`,document.getElementById('app'))

Forhtm manual, refer tohtm docs.

Justification

Originally that was just state of art HTML parser implementation ( ~60LOC, best from 10 variants in R&D branches), but turned out it has ideal qualities forspect/h (tiny size, no cache, HTML support, extensibility).

🕉️