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)