1. 横幅区的知识点

① 横幅的作用与信息呈现

普适性解释

• 横幅（Banner/Hero）是首页进入后首先映入眼帘的大视觉区域，通常用于：
  • 传递核心主题、品牌口号
  • 吸引用户注意力
  • 引导用户进入重要内容
• 可包含纯图片、背景+文字、视频等形式。

本例解释

• 你的横幅是一张“Create / Manage”主题的图片，没有额外文字叠加。
• 作用是为网站增加视觉冲击感，并传递“创造与管理”的主题氛围。

② HTML 结构与语义化

普适性解释

• 用 <section> 或 <div> 作为横幅容器。
• 如果是主要视觉展示，可以加 role="banner" 或 aria-label 说明用途。
• 图片用 <img> 或 CSS 背景图实现。

本例解释

<section class="banner">
  <img src="assets/image/banner.jpg" alt="Create and Manage">
</section>

• 用 <section> 表示横幅区，类名 .banner 用于样式控制。
• 图片是直接用 <img> 引入，并加了 alt 描述。