HTML

网页结构 HTML ≠ 样式 CSS：页面标题、内容区域、链接入口或结构关系先用 HTML 表达；CSS负责外观，Markdown更适合文档源文本。

• 如果只是调整颜色、间距或排版，不要把 CSS 问题写成 HTML 结构改动。
• 如果需要文档标题层级和可读源文本，可用 Markdown，再由渲染器生成页面内容。

看旅行主页的页面结构里的真实界面：每个标注都对应一个页面部件，不用图片坐标猜位置。

• 结构预览保持只读；这里重点看HTML的页面头部和其他部件如何组成当前界面。
• 点击编号或说明行可以定位对应部件；结构预览本身保持静态。

HTML什么时候用、什么时候不用？先看任务边界，再看组件外观。

• 什么时候用：用标题、主内容、列表和链接让浏览器、读屏器和用户都知道内容关系。
• 什么时候不用：颜色、间距和响应式布局应交给 CSS，提交或校验逻辑应交给交互代码。

怎么判断：先看用户要完成的任务和内容关系，再选择职责准确的组件。

请使用语义 HTML 元素实现旅行主页的页面结构：用 header 表示页头，用 main 表示主要内容，用标题和段落表达层级，用 a 提供页面入口。保留真实 DOM 结构和可访问名称；不要用 div 堆出没有语义的页面，也不要用 iframe、手写颜色或 CSS 去替代结构。