Seeking an Answer: Why can't HTML alone do includes?

1. WHATWG HTML Standard

   1 171 8,637 9.4 HTML

   HTML Standard

   

   HTML Imports went in a similar direction but they are not what the blog post is about. HTML should be imported and displayed in a specific place of the document. HTML imports cannot/could not do this without JavaScript.

   See https://github.com/whatwg/html/issues/2791#issuecomment-3112... for details.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

   

3. html-include-polyfill-extension

   2 1 1 5.4 HTML

   

   Now you can include HTML in HTML, see https://include.franzai.com/ - a quick Chrome Polyfill based on the discussion here. MIT License

   Github: https://github.com/franzenzenhofer/html-include-polyfill-ext...

4. xsl-website

   3 2 10 1.7 XSLT

   XSL Rendering Example

   

   You can get client-side include functionality if you're willing to use XSL. Here is a demo:

   https://github.com/Evidlo/xsl-website

5. htmx

   4 654 45,276 9.4 JavaScript

   </> htmx - high power tools for HTML

   

   I've become a fan of https://htmx.org for this reason.

   A small 10KB lib that augments HTML with the essential good stuff (like dynamic imports of static HTML)

6. HTMLInclude

   5 1 25 - JavaScript

   A tiny 1kb script that brings includes to HTML

   

   Someone else made the same - https://github.com/Paul-Browne/HTMLInclude - but it's not been updated in 7 years, leaving questions. I'll try yours and theirs in due course.

7. include.js

   6 1 2 3.2 JavaScript

   easy javascript and html templating

   

   I created something like this relatively recently. The downside is of course that it requires JavaScript.

   https://github.com/benstigsen/include.js

8. datastar

   7 10 2,417 9.9 Clojure

   The hypermedia framework.

   

   If you want it more straight-forward and simple hypermedia approach, then check out https://data-star.dev (highly recommended, there are great youtube video's where the maintainers discuss their insights). Following up where htmx took things.

9. Stream

   getstream.io featured

   Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

   

Suggest a related project