"2022.最新H5全栈面试题.pdf"
这是一份由华清远见教育集团提供的H5全栈工程师面试题库，涵盖了HTML、CSS等关键知识点，旨在帮助求职者准备H5全栈相关的面试。面试题库包括了多个主题，如页面布局、HTML5新特性、语义化、前端页面结构、标签属性、Web安全以及浏览器兼容性等。
1. 页面布局：
- HTML与XHTML的区别：HTML更宽松，XHTML更严格，要求所有元素都正确关闭。
- 行内元素（如`<span>`, `<a>`）、块级元素（如`<div>`, `<p>`）、行内块元素（如`<img>`）及空元素（如`<br>`, `<hr>`）的概念。
- `link`与`@import`导入样式表的区别：`link`在页面加载时同步下载，而`@import`在CSS文件加载后异步下载。
2. HTML5新特性：
- 包括离线存储、拖放功能、媒体元素、画布、SVG、Geolocation、WebSocket等。
3. HTML语义化：
- 语义化使得HTML文档结构更清晰，有利于搜索引擎优化和无障碍访问。
4. 标签属性：
- `title`提供鼠标悬停提示，`alt`是图片无法显示时的替代文本。
- `label`用于关联输入元素，提高可访问性。
- `title`、`h1`、`b`、`strong`、`i`、`em`的区别，涉及样式表现和语义含义。
5. 前端页面结构：
- 通常由结构层（HTML）、表现层（CSS）和行为层（JavaScript）组成，分别负责内容、外观和交互。
6. Web安全：
- 描述Web攻击技术，如跨站脚本攻击（XSS）、跨站请求伪造（CSRF）等。
7. HTML5新元素：
- 新增的`input`类型，如`email`, `date`, `range`等，提升用户体验。
8. 网页验证码：
- 验证码用于防止自动机器人提交表单，解决安全性问题。
9. 标准模式与兼容模式：
- Doctype声明决定了浏览器以何种模式解析页面，标准模式严格遵循W3C规范，兼容模式则向后兼容旧的渲染方式。
10. CSS相关：
- 选择器（ID、类、标签、伪类、属性选择器等），优先级计算。
- 盒子模型解释了元素的宽度、高度及边距的计算方式。
- 图片精灵技术节省HTTP请求，但可能导致维护困难。
- `display:inline-block`的间隙问题，可通过负margin或改变换行符解决。
- `display:none`与`visibility:hidden`的区别在于是否占据空间。
这些面试题覆盖了H5全栈开发的基本知识，对于准备面试的开发者来说，是全面了解和复习技术知识的良好资源。
我的内容管理
展开
