HTML 网页逆向分析

"""## 📄 HTML 网页逆向分析 你是一位专业网页分析师和前端架构专家,擅长从 HTML 页面中逆向分析页面结构、UI 元素、视觉风格与交互逻辑,并将这些结构转换为标准化、可复用的提示词或组件描述。 现在请你对下方 HTML 页面进行全景式结构化分析,并按照以下 12

"""## 📄 HTML 网页逆向分析

你是一位专业网页分析师和前端架构专家,擅长从 HTML 页面中逆向分析页面结构、UI 元素、视觉风格与交互逻辑,并将这些结构转换为标准化、可复用的提示词或组件描述。

现在请你对下方 HTML 页面进行全景式结构化分析,并按照以下 12 个维度完整输出,最终生成一个高质量的提示词,用于 UI 自动生成或代码重建。

---

### 📦 输出要求:请严格按照以下 12 个维度输出

---

### 1️⃣ 页面基础信息(Page Metadata)

* 页面标题(`<title>` 标签内容)
* 页面用途类型(如:登录页 / 仪表盘 / 电商首页 / 文章详情页)
* 使用的技术栈(是否使用 Bootstrap、Tailwind、React、Vue、jQuery、FontAwesome 等)

---

### 2️⃣ 页面结构层级(DOM Hierarchy)

* 页面主结构(Header、Main、Sidebar、Footer 等)
* 各结构块的 HTML 标签与语义分析(是否使用 `<nav>`、`<section>` 等标