前端面试必备：WEB标准理解、XHTML区别与浏览器内核解析

版权申诉

121 浏览量更新于2024-09-08 收藏 18KB DOCX 举报

"史上最全前端面试题(含答案).docx" 前端开发是构建Web应用程序的重要部分，涉及HTML、CSS和JavaScript等关键技术。面试时，面试官常常会考察候选人的技术掌握程度，包括对Web标准的理解、不同语言的特性、文档类型定义（Doctype）、元素类型、CSS盒模型以及浏览器兼容性等。以下是对这些问题的详细解答： 1. **对WEB标准以及W3C的理解与认识** Web标准主要指W3C制定的一系列规范，如HTML、CSS和DOM，旨在使网页设计更加结构化、可访问性和可维护性更强。遵循这些标准意味着编写封闭的标签、小写的标签名、避免嵌套混乱，以及将结构、样式和行为分离，从而提高页面加载速度、搜索引擎优化（SEO）和跨设备、跨浏览器的兼容性。 2. **XHTML和HTML的区别** HTML是传统网页设计的基础，而XHTML是其XML化的版本，要求语法更为严格，例如所有标签必须闭合，且大小写敏感。XHTML文档通常具有更严谨的结构。 3. **Doctype、严格模式与混杂模式** Doctype声明用来告诉浏览器应以哪种模式解析文档。严格模式下，浏览器按照W3C标准执行，混杂模式则兼容老版本的HTML，允许一些非标准的语法。触发模式差异通常是通过不同的Doctype声明，例如`<!DOCTYPE html>`会启动严格模式，而旧的Doctype如`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">`会开启混杂模式。 4. **行内元素与块级元素，以及CSS盒模型** 行内元素如`<span>`、`<a>`，在一行内显示，不会独占一整行。块级元素如`<div>`、`<h1>`，则会占据整个宽度，形成新的行。CSS盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)，影响元素的尺寸和布局。 5. **CSS引入方式与link和@import的区别** CSS引入方式有内联样式、内嵌样式表、外部样式表和@import导入。link标签直接引入外部样式表，可被浏览器并行加载；@import需放在样式表内部，它在页面加载完成后才加载CSS，可能导致延迟。 6. **CSS选择符、继承和优先级** 选择符包括标签选择符、类选择符、ID选择符等。继承是指子元素自动继承父元素的一些样式，但不是所有属性都可继承，如颜色、字体等可以，但宽高、定位等不行。优先级计算规则是ID > 类 > 标签，内联样式和`!important`具有最高优先级，后者可以覆盖任何其他样式。 7. **前端页面的三层构成** 结构层由HTML构成，定义了页面的基本结构和内容；表示层由CSS控制，负责页面的布局和视觉效果；行为层由JavaScript实现，赋予页面交互功能。 8. **CSS的基本语句构成** CSS语句由选择器（如元素、类或ID）和声明块组成，如`p {color: red; font-size: 16px;}`，其中`p`是选择器，`color: red`和`font-size: 16px`是声明，分别设置了文本颜色和字体大小。 9. **常见浏览器及其内核** 主要的浏览器包括Internet Explorer（IE，Trident内核）、Firefox（Gecko内核）、Google Chrome（WebKit内核，现在是Blink）和Opera（早期Presto内核，现也为Blink）。 10. **解决IE6的常见BUG方法** - **双边距BUG**：可以通过设置`display: inline-block`来消除浮动元素的额外边距。 - **3像素问题**：对于因浮动导致的3像素偏差，可以使用`display: inline-block`或负的`margin-left`调整。 - **超链接hover失效**：确保CSS选择器的顺序正确，即`a:link, a:visited, a:hover, a:active`。了解和掌握这些知识点对于前端开发者来说至关重要，因为它们构成了Web开发的基础，并且在面试中经常被问到。不断学习和实践这些技术，可以帮助开发者提升专业技能，更好地应对实际项目中的挑战。



1.对 WEB 标准以及 W3C 的理解与认识

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链  和

 脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用

户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改

版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易

用性；

2.xhtml 和 html 有什么区别

 是一种基本的  网页设计语言， 是一个基于  的置标语

言

最主要的不同：

元素必须被正确地嵌套。

元素必须被关闭。

标签名必须用小写字母。

文档必须拥有根元素。

3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

用于声明文档使用那种规范（）一般为严格过度基于框架的

 文档

加入  声明可触发，解析方式更改为 拥有  的 

下载后可阅读完整内容，剩余7页未读，立即下载

java李杨勇

粉丝: 36w+
资源: 3180

前端面试必备：WEB标准理解、XHTML区别与浏览器内核解析

【福利】运维工程师面试题及答案.docx

前端 45 道面试题及答案.docx

07-前端入职面试题汇.rar

Redis面试题及答案.docx

网络安全面试题及答案.docx

Python 70 道面试题及答案.docx

JavaScript 60道面试题及答案.docx

JVM 77 道面试题及答案.docx

Redis 40 道面试题及答案.docx

Redis 27道面试题及答案.docx

最新资源