小猿圈web前端程序员面试题(附答案)

小猿圈002

现在很多年轻人都在学习IT技术，但是大多数学会了之后却找不到工作，这是因为什么呢，其实大部分都是卡在了面试题这关上，下面是小猿圈web前端讲师总结的面试题，希望对你有多帮助。

01、谈谈你对Web标准以及W3C的理解和认识。

标签要闭合，英文小写，且不要嵌套混乱，用标签语义化未提高技索的概率。使用外链式的css和JS(JavaScript的缩写）脚本，使结构、样式、行为分离，内容能被更广泛的设备所访问，代码精简，开发组件化，代码易维护、可复用，改版、升级方便。

02、HTML和XHTML有什么区别？

HTML是一种基于Web网页的设计语言，XHTML是一种基于XML、语法严格、标准的设计语言。两者主要的不同是XHTML元素必须正确地嵌套，元素必须关闭，标签必须小写，必须有根元素；HTML没有这些限制。

03、严格模式和混杂模式如何区分？如何触发这两种模式？

严格模式就是浏览器根据Web标准去解析页面的方法，是一种要求严格的DTD,不许使用任何表现层的语法；混杂模式是一种向后兼容的解析方法。触友严格模式或者标准模式很简单，就是在HTML标签前声明正确的DTD；触发混杂模式可以在HTML文档开始时不声明DTD，或者在DOCTYPE前加入XML声明。

04、什么是静态网页？什么是动态网页？

静态网页是指没有数据交王的网页，即没有数据库参与，没有服务器端数据的力口载。比如静态网页就是只有HTML+CSS+JavaScript做成的网站。动态网页是指有后台数据参与的网页，网页中的数据是从数据库中提取的，需要有后台逻辑的支持。比女口动态网页就是JSP页面（后台语言是Java）、ASP页面（后台语言是ASP.NET）等。

05、DOCTYPE有什么作用？区分严格模式与混杂模式有何意义？

＜！DOCTYPE＞声明位于文档中的最前面，位于＜html＞标签之前，即告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE不存在或格式不正确都会导致文档以混杂模式呈现。

区分严格模式与混杂模式的意义如下。

严格模式的排版和JavaScript运行模式以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作（主要针对IE浏览器）。

06、如何调试网页代码？如何查看网页源代码？

要调试网页代码，在Windows系统下按Fl2键或者按Ctrl+Shift+I(MACOS中是Option+Command十C）组合键，打开开发者调试工具。要查看网页源代码，按鼠标右键查看页面源代码。

07、语义化的主要目的是什么？

语义化的主要目的可以概括为用正确的标签做正确的事情。

HTML语义化可以让页面的内容结构化，使于浏览器解析和搜索引擎解析，并提高代码的可维护度和可重用性。

比如，尽可能少使用无语义的标签＜div＞，而多使用语义化的标签<header><section><footer＞。

08、锚点的作用是什么？如何创建锚点？

锚点是文档中某行的一个记号，类似于书签，用于链接到文档中的某个位置。当定义锚点后，可以创建直接跳至该锚点（比如页面中某个小节）的链接，这样使用者就无须不停地滚动页面来寻找他们需要的信息了。

在使用＜a＞元素创建锚，或时，可以使用name属性为其命名（W3C规范）。

对其他元素，还可以使用id属性为其命名，代码如下所示。

<hlid＝”icketang＂＞爱创课堂＜／hl>

<aname="school”〉前端培训学校＜la＞一＜la>

然后就可以创建链接，羊击链接，直接跳转到锚点，代码如下所示。

<ahref="#icketang”〉回到爱创课堂＜la>

<ahref="#school”〉回到前端培训｜学校＜la>

09、列举常用的结构标签，并描述其作用。

结构标签专门用于标识页面的不同结构，相对于使用＜div＞元素而言，结构标签可以实现语义化的标签。

常用的结构标签有以下几种。

<header＞元素，用于定义文档的页眉。

<nav＞元素，用于定义页面的导航链接部分。

<section＞元素，用于定义文档中的节，表示文档中一个具体的组成部分。

<article＞元素，常用于定义独立于文档其他部分的内容。

<footer＞元素，常用于定义某区域的脚注信息。

<aside＞元素，常用于定义页面的一些额外组成部分，如广告栏、侧边栏和相关

引用信息。

10、超级链接有哪些常见的表现形式？

＜a＞元素用于创建超级链接，常见的表现形式有以下几种。

普通超级链接，＜ahref="http://www.icketang.com／”target＝””＞爱创课堂＜／a＞。下载链接，即目标文档为下载资源，语法为＜ahref＝”day.zip与下载＜／a＞。

电子邮件链接，用于链接到E-mail，语法为＜ahref=”mailo:1234546@qq.com”＞。.联系我们链接。

空链接，用于返回页面顶部，语法为＜ahref＝川＞...</a＞。

锚点跳转，用于跳转到页面某一位置，目前常用于前端路由，语法为＜ahref=”#icketang”>...</a＞。.用于实现特定的代码功能，语法为＜ahref＝”javascr中t:void(O);">...</a＞。

以上就是小猿圈web前端讲师对于web前端程序员面试题的，希望在你的学习中或者在你工作中，对你有所启发帮助web前端自学②群：738735873，想学习web前端可以到小猿圈上面找相应的课程去观看，学习从兴趣开始。