Where did the class name 'hero' come from in CSS?

A widely adopted CSS naming practice is to use hero as the class name applied to开发者_如何学编程 a site's main banner.

Where did this naming convention come from, and is it a reference to something in particular?

'Hero' is a word beloved by marketing people that describes the main focal point of an advertisement etc.

https://unbounce.com/conversion-glossary/definition/hero-shot/#:~:text=Definition,benefits%20and%20context%20of%20use.