You can make up HTML tags

Devs are inventing their own tags—half the web cheers, half panics

TLDR: Browsers let you use made-up tags and style them, making pages more readable without breaking anything. The community is split: some celebrate playful custom labels (like a “yes-script” tag), while others warn to use official Web Components and keep future headaches away—use hyphens to stay safe.

Breaking: you can literally write your own web page labels like <cool-thing> and browsers won’t freak out. They treat unknown tags like bland inline bits, then your CSS makes them shine. The crowd went wild—half shouting “freedom!” and half clutching their rulebooks. One commenter called it the best kept secret of HTML, while another immediately dropped a joy toy: a custom <yes-script> tag to hide stuff when JavaScript is off, because why not. Check the playful proof: yes-script.

There’s real drama: fans say custom tags make pages easier to read than endless <div> soup. Skeptics warn you’ll summon gremlins later, urging official “Web Components” (fancy, standardized custom elements) instead—see MDN and web.dev. A practical tip everyone rallied around: add a hyphen in your tag name to avoid clashing with future browser features.

Meanwhile, one curious soul went archaeology mode and found old-school styling for tech manuals: DocBook CSS. The meme energy: “Div counting is dead,” “hyphen is the safety word,” and “HTMLUnknownElement is a vibe.” Whether you’re Team Make-Believe Tags or Team Play It Safe, the thread was a popcorn-worthy split between readable whimsy and long-term sanity.

Key Points

  • Developers can write custom, non-standard HTML tags and style them with CSS.
  • Browsers treat unrecognized tags as generic elements with behavior defined by applied CSS, per standardized behavior.
  • Using hyphens in custom tag names avoids future conflicts with native HTML elements.
  • Built-in descriptive tags should be used when available, but custom tags can be clearer than class-heavy div/span usage.
  • Descriptive custom tags improve readability in nested structures by reducing confusion over closing tags.

Hottest takes

“like the best kept secret of HTML” — hecanjog
“I probably wouldn’t do this for a lot of reasons” — gkoberger
“custom tags are fun” — aaviator42
Made with <3 by @siedrix and @shesho from CDMX. Powered by Forge&Hive.