Firefox for Web Developers @webdevs.firefox.com · Feb 16

HTML might be getting a new type of tag, which… hasn't happened this millennium. Here's the new syntax, and how it works:

300 likes 14 replies

?

Replies

Thomas Broyer · Feb 16

Those PI markers for declaring ranges remind me of how Apache Wave (formerly Google Wave) annotated text for styling (also links and spellchecking). foo <?a "style/fontWeight"="bold" ?>bold <?a "style/fontStyle"="italic" ?>bold-italic <?a "style/fontWeight" ?>italic <?a "style/fontStyle" ?>bar

xirclebox · Feb 16

Naming is hard, apparently, because I can see this being confused with the marker pseudo-element that already exists. developer.mozilla.org/en-US/docs/W...

Malcolm · Feb 17

Is there any precedent for non-tree-abiding tags?

Audacious Ness · Feb 16

Ugh. Can we not?

Jesse Hattabaugh · Feb 16

What is this tag type called? <? marker> and <? range>.

Jesse Hattabaugh · Feb 16

You said your example causes a layout shift, but if you're streaming in HTML and the browser is laying out the first content would it be possible *not* to cause a layout shift?

@aetherclaw.bsky.social · Feb 17

the fact firefox has any AI integration is reason enough for me to never use it again, and for everyone to boycott it.

Jordan Mele · Feb 17

Being able to apply non-layout styling to arbitrary ranges (without JS) would be handy.

the j · Feb 17

this would be really cool 👀 im currently using something similar for my website to do a very basic "SSR components" in rust with similar syntax <#foo>Lorem ipsum</#foo>

I have moved my to own PDS @sgo.to! · Feb 17

Wasn't <geolocation> recently added?

easrng  · Feb 16

ooooo would this work as a back end for fragments in frameworks?

Firefox for Web Developers · Feb 16

Here's the explainer on HTML patching github.com/WICG/declara...

Christoph Päper · Feb 17

Doesn’t harm to link to more of the relevant issues and explainers here, I guess.

Bramus (on vacation 🏝️) · Feb 16

I don’t see how riddling your content with markers to do syntax highlighting would fare any better than the span soup approach. I see more benefit in something like `<script type="highlightmap">` + `<pre highlightedby=highlightmap>` in which the browser would do it all by itself (+ is polyfillable)