Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 349
Mohamad Avatar asked Oct 08 '11 18:10

Mohamad


People also ask

What does hero mean in CSS?

Hero images, often placed at the top of a page on a website, are large images with text that appears in front of the image. Hero images allow you to add a visual component to a site, while still allowing you to present information, like a title.

Why is it called Hero HTML?

A hero image is a website design term used to describe an oversized banner image at the top of a website. Sometimes called a “hero header”, it serves as a user's first glimpse of your company and offering because of its prominent placement towards the top of a webpage that usually extends full-width.

Do class names matter CSS?

No, it does not.


1 Answers

'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.

like image 143
james6848 Avatar answered Sep 28 '22 04:09

james6848