@lexi [archived]

how many HTML tags can you remember?

https://codepen.io/plfstr/full/zYqQeRw

i am fucking CRACKED at this. i got 76

my results
  1. html
  2. body
  3. head
  4. title
  5. meta
  6. b
  7. i
  8. s
  9. div
  10. span
  11. p
  12. ruby
  13. table
  14. thead
  15. tr
  16. td
  17. script
  18. style
  19. hr
  20. img
  21. video
  22. audio
  23. svg
  24. iframe
  25. object
  26. button
  27. input
  28. form
  29. a
  30. label
  31. link
  32. h1
  33. h2
  34. h3
  35. h4
  36. h5
  37. h6
  38. footer
  39. header
  40. select
  41. option
  42. tbody
  43. canvas
  44. noscript
  45. tfoot
  46. progress
  47. textarea
  48. details
  49. summary
  50. u
  51. ul
  52. figure
  53. caption
  54. figcaption
  55. code
  56. pre
  57. li
  58. ol
  59. template
  60. picture
  61. track
  62. source
  63. sub
  64. sup
  65. kbd
  66. mark
  67. small
  68. del
  69. ins
  70. strong
  71. embed
  72. article
  73. main
  74. dialog
  75. nav
  76. menu

i knew half of those because i a) use a lot of markdown and b) dug around in the HTML tag list a lot for web security stuff lol

shuppy (@delan) [archived]

93/113

oops i totally forgot about frames and legacy text styling (font, big, small, center), but it looks like the quiz only has <iframe> and none of the latter anyway. i was also sad to see that it excludes <plaintext>, which literally has a dedicated tokeniser state.

my best guess is that the quiz excludes everything under § 16.2 Non-conforming features, which i think is prescriptivist bullshit >:(


my raw results

a, b, i, q, s, em, strong, p, h1, h2, h3, h4, h5, h6, header, nav, section, main, footer, aside, html, head, body, script, style, meta, link, base, abbr, samp, var, u, rt, ruby, table, colgroup, col, thead, tbody, tfoot, tr, td, th, dl, dt, dd, ol, ul, li, summary, details, article, form, input, textarea, select, option, optgroup, map, area, img, picture, source, video, audio, object, embed, br, svg, math, kbd, pre, code, blockquote, address, time, hgroup, button, label, template, slot, div, span, hr, canvas, dialog, title, figure, figcaption, mark, menu, rp, wbr

how they were laid out in my head

(bold for things i feel smug about knowing, italic for “non-conforming”)

  • [inline markup] span, a, b, i, q, s, u, br, hr, em, strong, code, time, mark, ruby, rt, rp, abbr, samp, var, kbd, wbr, nobr, acronym, xmp, tt
  • [block markup] div, p, h1, h2, h3, h4, h5, h6, hgroup, header, footer, nav, article, main, section, aside, figure, figcaption, blockquote, address, pre
  • [structure + metadata] html, head, title, body, meta, link, base
  • [tables + lists + forms] table, colgroup, col, thead, tbody, tfoot, tr, td, th, dl, dt, dd, ol, ul, li, form, input, textarea, button, label, select, option, optgroup
  • [other interactives] details, summary, dialog, menu
  • [replaced elements] img, canvas, picture, video, audio, source, object, embed
  • [foreign elements and other things that are handled weirdly by the tokeniser] svg, math, script, style, plaintext
  • [custom elements] template, slot
  • [image maps] map, area
  • [stuff i forgot about] frames (iframe, frameset, frame), fallbacks (noscript, noframes, noembed), 15 billion devices run Java™ but not on the web now so it’s a pain in the ass to use the kvm on any of my server management controllers (applet), shit from the browser wars that somehow didn’t even make it into the whatwg spec (layer), output, progress, meter, cite, dfn, data, datalist, bdi, bdo, ins, del, sub, sup, font, big, small, center, bgsound, dir, isindex, keygen, listing, menuitem, nextid, param, rb, rtc, strike, basefont, blink, marquee, multicol, spacer