前端面试题解析：HTML, CSS, JS 知识点概览

"html、CSS和js面试题.docx" 这篇文档包含了HTML、CSS和JavaScript相关的面试题目及其答案，涵盖了网页开发中的关键知识点。以下是详细解释： 1. **表现与结构相分离**：这是HTML和CSS的基本原则，HTML负责内容结构，CSS负责样式表现，使得网页设计更灵活且维护性更强。 2. **`<img>`的`alt`与`title`属性**：`alt`是图像的替代文本，当图像无法显示或屏幕阅读器读取时，用于提供内容描述；`title`是鼠标悬停时显示的提示信息。 3. **`<strong>`与`<em>`标签**：`<strong>`表示内容的重要性，通常用于加粗文本；`<em>`用于表示强调，通常斜体显示，强调程度较`<strong>`更高。 4. **渐进增强与优雅降级**：渐进增强是从基础功能开始，逐步为高级浏览器增加更多功能；优雅降级则是先构建完整功能，然后针对旧版浏览器做兼容处理。前者更关注内容本身，后者注重初始完整体验。 5. **使用多个域名存储资源的优势**：可以利用浏览器并发请求的限制，提高页面加载速度，同时结合CDN（内容分发网络）可以进一步提升用户体验。 6. **Web Storage与Cookie的区别**：Web Storage（包括localStorage和sessionStorage）提供了更大容量的本地存储，而Cookie数据量小且每次请求都会发送到服务器，适合用于保持用户登录状态等。 7. **图像格式**：常见的图像格式有png-8、png-24、jpeg、gif和svg，每种格式有不同的用途，如png适用于透明效果，jpeg适合高质量图片，svg则适用于矢量图。 8. **微格式（Microformats）**：微格式是一种将结构化数据嵌入到HTML中的方法，便于机器读取，例如搜索引擎和屏幕阅读器，有助于提升网页的可访问性和SEO。 9. **HTML结构语义化**：语义化的HTML让页面在无样式或样式丢失时仍能保持清晰结构，有利于屏幕阅读器、移动设备和搜索引擎理解网页内容。 10. **前端SEO**：前端开发者应考虑关键词的选取与布局、合理使用标签、优化网页加载速度等，以提高搜索引擎的抓取和索引效率。 11. **CSS样式设置**：可以通过外部样式表、内部样式表和内联样式设置CSS，选择器类型包括元素选择器、类选择器、ID选择器等。 12. **CSS代码示例**：在这个例子中，尽管`classB`定义在`classA`之后，但由于HTML中`class="classB classA"`，所以`classB`的样式覆盖了`classA`，文字颜色为红色。 这个文档提供了关于HTML结构、CSS样式和JavaScript基础知识的面试问题解答，涵盖了前端开发中的重要概念和技术，对于准备面试或提升技术理解非常有帮助。