前端面试必备：HTML、CSS、JS基础知识精要

"这份文档是前端面试的基础知识汇总，涵盖了HTML、浏览器模式、图像属性、性能优化、页面构成以及语义化HTML等多个方面的重要概念。" 1. Web标准的理解: Web标准是由W3C（万维网联盟）和其他标准组织制定的一系列标准，包括结构（如XHTML和XML），表现（如CSS）和行为（如DOM和ECMAScript）。这些标准旨在促进网页的互操作性、可访问性和可维护性，要求内容、样式和行为的分离。 2. 浏览器标准模式与怪异模式: 这两种模式是浏览器解析HTML和CSS时的两种渲染方式。标准模式遵循W3C标准，而怪异模式则按照早期浏览器的非标准解析规则。两者的主要差异在于盒子模型的处理、CSS的解析规则以及事件处理机制。 3. `<img>`标签的`title`与`alt`属性: `alt`属性是替代文本，当图片无法显示时，浏览器会显示这个文本，同时对SEO（搜索引擎优化）有利。`title`属性提供额外信息，鼠标悬停时会显示提示。 4. 网站资源优化策略: 包括文件合并（减少HTTP请求）、文件最小化/压缩（减小文件大小）、使用CDN（内容分发网络）提高加载速度、利用缓存技术减少重复加载。 5. 前端页面三层构成: 结构层（HTML）负责页面内容的结构；表示层（CSS）控制页面的视觉呈现；行为层（JavaScript）添加交互功能。 6. 语义化HTML: 使用适当的HTML标签来表达页面内容的结构和意义，有利于搜索引擎抓取，提高可访问性，同时也方便开发者理解和维护。 7. 超级链接常见形式: 普通链接、下载链接、电子邮件链接、空链接（通常用于返回顶部）和链接到JavaScript以执行特定功能。 8. 常用结构标记及其作用: - `<header>`: 用于定义文档或区域的头部，通常包含导航、logo等。 - `<nav>`: 用于定义页面的导航链接部分，帮助用户在网站中跳转。 - `<section>`: 用于定义文档的逻辑部分，例如章节、子章节等。 - `<article>`: 用于封装独立的内容，可以脱离上下文独立理解。 - `<footer>`: 用于定义文档或节的页脚，通常包含版权信息、联系信息等。 以上内容是前端面试中常见的基础知识点，理解并掌握它们对于通过面试和提升前端开发技能至关重要。