"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全栈开发的基本知识,对于准备面试的开发者来说,是全面了解和复习技术知识的良好资源。