[HTML] Hero vs Banner

Hero

- 항상 페이지 최상단에 위치함

- 서비스의 첫인상을 줌

• What it is: The main, top section of a page (usually full-width, often full-height)
• Purpose: First impression + communicate core value + push a main action
• Typical contents:
  • Big headline
  • Supporting text
  • CTA button (e.g. “Get Started”)
  • Image / illustration

👉 Think: “This is what this product/site is about”

---

Banner

- 어디든 위치 가능

- 공지, 광고, 이벤트 용도로 사용

• What it is: A smaller promotional strip or block
• Purpose: Announcements, ads, or secondary info
• Typical contents:
  • Short text
  • Maybe a small CTA
  • Often dismissible or rotating

👉 Think: “Extra info / promotion”