←back to thread

<template>: The Content Template element

(developer.mozilla.org)
217 points palmfacehn | 2 comments | 02 Sep 25 17:16 UTC | HN request time: 0s | source
Show context
alserio ◴[02 Sep 25 18:34 UTC] No.45107190[source]▶
I was wondering, are template elements a good place to store json data in the page to be consumed by js?
replies(4): >>45107213 #>>45107278 #>>45108146 #>>45108459 #
jfagnani ◴[02 Sep 25 20:19 UTC] No.45108459[source]▶
No. I would use <script type="-json">

<script> parses its contents as text, whereas <template> parses as DOM. This means you don't have to escape `<`, just `</script>`.

Myself and some browser engineers been working on proposals to allow for inline modules, including JSON, that are importable into other modules via regular import statements.

This is why I recommend the "-json" type - so it doesn't collide with a future native "json" type.

replies(2): >>45108658 #>>45108871 #
SahAssar ◴[02 Sep 25 20:34 UTC] No.45108658[source]▶
Why not use a somewhat proper mime type like `<script type="application/mytype+json">` or similar? Seems like your suggestion is not what the spec recommends: https://html.spec.whatwg.org/multipage/scripting.html#attr-s...
replies(1): >>45108769 #
1. jfagnani ◴[02 Sep 25 20:42 UTC] No.45108769[source]▶
My understanding is that in implementations any unknown type creates a "data block", which is just unprocessed text.'

I wouldn't use application/json just in case browsers start supporting that and it has different semantics than whatever custom thing you might do, causing a webcompat issue when the native feature rolls out.

Although with JSON, it's pretty unlikely that there would be any differing semantics. JSON modules in JS are just JSON blocks with no special additions and no named exports. That's what inline versions would be as well.

replies(1): >>45109094 #
2. SahAssar ◴[02 Sep 25 21:09 UTC] No.45109094[source]▶
But wouldn't a subtype like `mytype` in my example (`application/mytype+json`) still be be a valid mime-type and still avoid your concerns? I've used these before.