HTML 文档与语义结构
HTML、CSS 与 JavaScript 基础#Python全栈#第七阶段#HTML、CSS 与 JavaScript 基础#HTML 文档与语义结构约 1084 字 · 3 分钟阅读
追问显示点击任意追问卡片可收起 / 展开
本阶段学习说明
整体培养方向： Python 全栈开发就业，按北京 10～20k 岗位所需能力逐步推进。
本阶段定位： 从 Python 后端学习延伸到浏览器页面，掌握页面结构、样式布局、基础交互与数据请求，为后续前端框架和 Web 开发打基础。
适用环境： 支持现代 Web 标准的浏览器；HTML、CSS 与原生 JavaScript。涉及浏览器兼容性时，应说明目标浏览器与版本。
考查目标： 能独立实现常见业务页面，处理输入和交互状态，通过浏览器开发者工具定位问题，并理解前端与后端的职责边界。
题库结构： 100 道题，每题包含追问；结合概念解释、代码分析、页面实现与故障排查。本阶段提供题目，不包含参考答案。Vue/React、完整 HTTP 原理与系统性 Web 安全将在后续阶段展开，本阶段以原生页面和常见业务交互为主。
答题约定： 页面题先说明结构、交互和适配要求，再解释实现方式与验证步骤；JavaScript 题区分语言能力、DOM 与浏览器提供的 API。异步请求应考虑等待、成功、空结果与失败状态；涉及输入校验时区分用户体验与服务端可信校验。
HTML、CSS 与 JavaScript 在网页中分别承担什么职责？
追问 展示一份商品列表时，结构、视觉样式和筛选交互分别如何分工？
一个基本 HTML 文档应包含哪些部分？
追问
DOCTYPE、html、head 与 body 分别有什么作用？为什么要声明字符编码？title、标题元素和正文内容有什么区别？
追问 浏览器标签标题与页面主标题分别放在哪里？怎样组织有层次的标题结构？
什么是语义化 HTML，为什么不能所有内容都用 div？
追问
header、nav、main、article、section 与 footer 怎样表达内容角色？链接与按钮在语义和交互上有什么区别？
追问 跳转详情页和打开筛选面板分别应该用什么元素？为什么需要考虑键盘操作？
相对 URL、根路径 URL 与绝对 URL 有什么区别？
追问 页面位于
/courses/detail/ 时，images/logo.png 与 /images/logo.png 会指向哪里？图片的 alt 属性应该怎样填写？
追问 传达信息的图片与纯装饰图片有何不同？为什么文件名通常不能充当合适的替代文本？
有序列表、无序列表与描述列表各适合哪些内容？
追问 操作步骤、导航选项和参数说明应如何选择结构，而不是只根据视觉样式决定？
表格适合展示什么，为什么不宜作为通用页面布局工具？
追问 如何用
caption、th 和适当的表头关联帮助理解行列关系？id、class 与 data-* 属性各适合什么用途？
追问 重复
id 会带来哪些问题？业务标识与样式类为什么不宜随意混用？