Random interesting facts on HTML/SVG usage

Last time, we saw how the average web page looks like using data from about 8 million websites. So I wrote another guest post for CSS-Tricks that aims to showcase some random and hopefully interesting facts on markup usage.

HTML random facts

Check out the article on CSS-Tricks to see the full statistics and usage tips for:

  • Hiding DOM elements
  • no-js HTML class
  • noscript tag
  • Accelerated Mobile Pages (AMP)
  • Links attributes & values
    • href=ā€¯javascript:void(0)
    • target=_blank w/ or w/o rel=noopener
    • href=#top
  • HTML lang attributte
  • div
  • header vs footer
  • Links are not buttons
  • Buttons without a specified type
  • BEM syntax
  • Bootstrap & Font Awesome
  • WordPress
  • .clearfix VS .clear VS .cf
  • Favicon
  • Void elements
  • tabindex
  • Missing alt for images
  • Custom elements
  • A11Y
    • Landmark roles
    • autoplay
    • maximum-scale
    • role=button
  • SVG
    • data-*=svg
    • id*=svg
    • class*=svg
    • currentColor
    • Top 10 SVG elements
    • SVG as background-image