"面试题汇总 (2).docx 包含了前端基础相关的面试知识点，主要涉及HTML标签的类型、HTML5的新特性、H5移除的元素、伪类和伪元素以及HTML5的语义化标签。"
面试题中提到的HTML基础部分：
1. **HTML标签的类型**：
- `!DOCTYPE` 标签：声明文档使用的HTML或XHTML版本，指导浏览器以正确的模式解析页面。
- `<head>`：容器标签，用于存放元信息，如CSS、JavaScript、字符集设置等，不直接显示在页面内容中。
- `<body>`：定义文档的主体内容，所有可见的页面元素都在这个标签内。
2. **HTML5的新特性**：
- `document.querySelector()` 和 `document.querySelectorAll()`：用于选取匹配CSS选择器的第一个元素和所有元素。
- 拖拽释放API：允许用户通过拖放操作处理元素。
- `<video>` 和 `<audio>`：内置的多媒体支持，可以播放视频和音频文件。
- `localStorage` 和 `sessionStorage`：提供持久化的本地存储，区别在于数据生存期。
- manifest：用于离线应用，指定缓存资源列表，实现离线访问。
- 新增语义化标签如`<article>`, `<footer>`, `<header>`, `<nav>`, `<section>`等，提高网页内容结构化。
- 增强的表单控件，如`<input type="date">`, `<input type="email">`等，提供更好的用户体验。
- 其他新特性包括Web Worker（后台处理）、WebSocket（全双工通信）、Geolocation（地理位置）、CORS（跨域资源共享）等。
3. **HTML5移除的元素**：
- 纯表现的元素，如`<basefont>`, `<big>`, `<center>`, `<font>`, `<s>`, `<strike>`, `<tt>`, `<u>`，这些元素与内容无关，只影响外观。
- 对可用性产生负面影响的元素，如`<frame>`, `<frameset>`, `<noframes>`，这些元素不利于无障碍访问。
4. **伪类和伪元素**：
- 伪类（如`:hover`, `:active`, `:focus`）：用于描述元素在特定状态下的样式，状态通常由用户交互触发。
- 伪元素（如`::before`, `::after`）：在元素内部创建虚拟内容，并添加样式，但它们并不在DOM树中。
5. **HTML5语义化**：
- HTML5引入新的语义化标签，如`<article>`, `<aside>`, `<details>`, `<figcaption>`, `<figure>`, `<footer>`, `<header>`, `<main>`, `<mark>`, `<nav>`, `<section>`等，这些标签帮助开发者更好地表达页面内容的结构和意义，提升可读性和可访问性，对于搜索引擎优化（SEO）和无障碍设计也十分有利。
这些知识点是前端开发者必备的基础，不仅在面试中常见，也是实际开发中经常使用的技术。熟悉并理解这些概念有助于构建更高效、更可维护的Web应用程序。
我的内容管理
展开
