目录
- HTML面试题
- 1. HTML5 新增了哪些重要的特性和标签？
- 2. 什么是语义化 HTML？为什么要使用语义化标签？
- 3. 解释 HTML 中的 `data-*` 属性。
- 4. `` 标签有什么作用？常见的使用方式有哪些？
- 5. 解释 `alt` 属性的作用，为什么对图片使用 `alt` 属性非常重要？
- 6. 如何嵌入外部 CSS、JavaScript 文件到 HTML 中？
- 7. 什么是 DOCTYPE？它的作用是什么？
- 8. 解释 `iframe` 标签及其常见的应用场景。
- CSS 面试题
- 1. box-sizing 的不同值是什么？有什么区别？
- 标准盒模型（W3C Box Model）
- IE 盒模型（IE Box Model）
- 如何解决兼容性问题？
- 2. 解释 CSS 选择器的优先级规则。
- 3. CSS 中的 `display` 属性常见的值有哪些？
- 4. 解释 CSS Flexbox 布局。
- 5. CSS 中的 `position` 属性的不同值及其含义。
- 6. 解释 CSS 中的 `z-index` 属性及其工作原理。
- 7. 如何清除浮动（clearfix）？
- 8. CSS 中的 `transition` 和 `animation` 有什么区别？
HTML面试题
1. HTML5 新增了哪些重要的特性和标签？
- 新标签：
：定义文档中的独立章节。 - ：定义独立的内容块。
：定义文档头部。 - ：定义与页面内容稍有关系的部分（如侧边栏）。
- ：标记文本，通常用于高亮显示搜索结果。
：表示度量值。 - 新增功能：
- 本地存储：localStorage 和 sessionStorage。
- 表单元素增强： 支持 type="email"、type="date" 等新类型。
- 新的 API：Canvas、Geolocation API、Web Workers。
2. 什么是语义化 HTML？为什么要使用语义化标签？
- 语义化 HTML 是指使用 HTML 标签来明确表示内容的意义，而不是仅仅依赖 和 标签。
- 语义化标签有助于：
- 增强网页的可访问性（例如，屏幕阅读器可以识别语义标签）。
- 改善搜索引擎优化（SEO）。
- 提高代码的可读性和可维护性。
3. 解释 HTML 中的 data-* 属性。
- data-* 是一种允许在 HTML 元素上存储自定义数据的方法，* 代表自定义的数据名称。
- 通过 dataset 可以访问这些数据属性：
4. 标签有什么作用？常见的使用方式有哪些？
- 标签提供关于 HTML 文档的元数据，如字符集、页面描述、作者、关键词等。
- 常见用法：
5. 解释 alt 属性的作用，为什么对图片使用 alt 属性非常重要？
- alt 属性用于为图像提供替代文本，图像无法加载时，会显示该文本。
- 对于提高网页的可访问性非常重要，尤其是对于视觉障碍者，他们使用屏幕阅读器时，alt 文本能够描述图片的内容。
6. 如何嵌入外部 CSS、JavaScript 文件到 HTML 中？
- CSS：
- JavaScript：：
7. 什么是 DOCTYPE？它的作用是什么？
- DOCTYPE 是声明文档类型的标签，用于告知浏览器使用哪个版本的 HTML 来解析页面。
- 例如：
8. 解释 iframe 标签及其常见的应用场景。
- JavaScript：：
- CSS：
- 新标签：