前端面试必备：HTML、CSS、JS基础考题解析

"这篇资料主要涵盖前端面试中的基础知识点，包括HTML、CSS和JavaScript的相关内容。" 1. **WEB标准和W3C的理解**：Web标准是指一系列规范，旨在确保不同浏览器和设备间的一致性，提高网页的可访问性和可维护性。W3C（万维网联盟）是制定这些标准的组织。遵循标准意味着合理使用标签，保持良好的代码结构，将样式和行为分离，提升页面加载速度和用户体验。 2. **XHTML与HTML的区别**：XHTML是一种更严格、更纯净的HTML版本，它结合了HTML的易用性和XML的严谨性。主要差异在于XHTML要求所有标签都正确闭合，标签名称必须小写，并且文档必须有一个根元素。 3. **DOCTYPE的作用和严格模式与混杂模式**：DOCTYPE声明告诉浏览器应以哪种模式解析文档。严格模式下，浏览器按照标准解析，混杂模式则允许浏览器采用旧的、非标准的解析方式。DOCTYPE的添加会触发标准模式，而没有DOCTYPE会导致浏览器进入混杂模式。 4. **行内元素和块级元素**：行内元素如`<span>`、`<a>`在一行内显示，不独占一行。块级元素如`<div>`、`<p>`等独占一行，可以包含其他行内或块级元素。CSS盒模型包括内容(content)、边框(border)、内边距(padding)和外边距(margin)。 5. **CSS引入方式和link与@import的区别**：CSS可以通过内联样式、内嵌样式表、外部链接样式表和@import导入。link直接在HTML中引入，支持浏览器并行加载；@import需等待HTML解析完才加载CSS，适用于CSS2.1以下的浏览器。 6. **CSS选择符和优先级**：选择符包括标签选择器、类选择器、ID选择器等。可继承的属性有颜色、字体等。优先级计算为：ID选择器(100) > 类选择器(10) > 标签选择器(1)，内联样式(1000) > `!important`，`!important`具有最高优先级。 7. **前端页面三层构成**：结构层由HTML构建，定义页面内容和结构；表示层由CSS控制，负责页面布局和视觉样式；行为层通过JavaScript实现，赋予页面交互功能。 8. **CSS基本语句结构**：选择器后面跟花括号，花括号内列举属性和对应的值，如：`selector {property1: value1; property2: value2; ...}`。 9. **常见浏览器及其内核**：IE使用IE内核，Firefox使用Gecko，Chrome和Safari使用WebKit，Opera使用Presto。测试时通常需要覆盖这些主流浏览器，确保兼容性。 10. **解决IE6的常见问题**： - **双边距BUG**：对浮动元素设置`display: inline-block`可解决。 - **3像素问题**：使用`display: inline`或负边距调整。 - **超链接hover失效**：确保CSS顺序为`a:link, a:visited, a:hover, a:active`。 - **IE的z-index问题**：需正确设置z-index和position属性，确保元素层级关系正确。 这些是前端面试中常见的基础问题，涵盖了HTML、CSS的基础语法、浏览器兼容性以及页面构建的核心概念。对于准备面试的前端开发者来说，理解和掌握这些知识点至关重要。