Live data from Hacker News

Cool HTML elements nobody uses

tapajyoti-bose.medium.com

81–90 of 111 posts

Re: Cool HTML elements nobody uses

#81
post #73

Earlier quoted context omitted.

That was my first thought... if people don't use these very old elements any more, there's probably a good Chesterson's fence-type reason. Frames seemed really cool when I first saw them too, until I actually started trying to support them.

Meter, progress and details/summary are from HTML5 so definitely not “very old”

I only bothered to check `details`, but that one dates back to at least the 2008 working draft of the HTML5 spec, which makes it ~14 years old - not absolutely ancient, but far from recent!

Re: Cool HTML elements nobody uses

#82
post #49

My favorite (non-conforming, do-not-use) element is . It switches the browser's parsing context to "generic raw text"; it emits any "child" markup as-is, without parsing it. [0] https://jsfiddle.net/spdustin/y4m3qd71/1/

I believe you can also just write . (See https://stackoverflow.com/questions/3302648/should-i-use-cda... ). It's normally only used to wrap non-HTML content inside and ; but you could put "HTML that should be rendered as text" in there as well!

Note that CData can _only_ be used what HTML calls foreign content.

So `` will print x

` will emit a `cdata-in-html-content` parse error (your compliant HTML parser is allowed to give up here if it's lazy) and is parsed as `

` (your HTML parser will actually do this because giving up leads to poor user experience when no one else does)

Re: Cool HTML elements nobody uses

#83
post #7

I am old enough to remember development when image maps were still common for things like headers and big hero homepage navigation images. I'd like to add which acts like an img tag and submit button that submits the clicked X and Y essentially as two separate inputs Here's an MDN example showing X and Y position in GET string on click. - https://mdn.github.io/learning-area/html/forms/image-type-ex...

The original Space Jam website had some great image maps, e.g.

https://www.spacejam.com/1996/cmp/souvenirs/souvenirsframes....

Re: Cool HTML elements nobody uses

#84
post #38
post #31

Earlier quoted context omitted.

Decades ago, I disabled blink by loading my netscape binary into emacs and changing the tag name. Surprisingly marquee is still there, you can even go into the DOM and rename your top level elements "marquee" and the entire page scrolls.

Just did that to HN's . Got a good chuckle out of it, thanks.

I did that (via browser inspector), then wanted to upvote you. It was very hard. Eventually got it!

Re: Cool HTML elements nobody uses

#85

Having used all of these in the past, here's why this is the case: 1. meter/progress - default style looks dated, styling works different on different browsers, the color scale options are confusing 2. sup/sub & 7. abbr - these are only useful for page content (as opposed to site design), which is usually WYSIWYG or something like Markdown. Many editors/parsers don't support it, at least by default. 4. map/area - it'…

> object - hard to know what filetypes will be supported and little feedback when they aren't.

Easier now that plugins are dead and is basically equivalent to

Re: Cool HTML elements nobody uses

#87
I have this unhealthy aversion to javascript. so when I make a web application it is in a very late 90's style. For my latest thing, I needed to select points on an image and did I do the sane thing and write two lines of javascript and be done with it, of course not, I went with server side image maps. in 2022. sigh, no, I don't know what is wrong with me either.

https://www.w3schools.com/Tags/att_img_ismap.asp

Re: Cool HTML elements nobody uses

#88
post #7

I am old enough to remember development when image maps were still common for things like headers and big hero homepage navigation images. I'd like to add which acts like an img tag and submit button that submits the clicked X and Y essentially as two separate inputs Here's an MDN example showing X and Y position in GET string on click. - https://mdn.github.io/learning-area/html/forms/image-type-ex...

I think using image map to make several area links from the same image was my first actual production of code.

Half of it was outputted by dreamweaver 3.0 but it needed a lot of manual touch up.

Post reply on HN