起航学习网

相信大家在Web前端开发的面试中都遇到很多技术问题吧，今天IT培训网Web前端开发培训专家给大家分享10个常见的Web前端开发面试题，希望大家能够在面试时更加从容不迫。

1.HTML5 为什么只需要写?

html5不基于SGML(标准通用语言)，因此不需要对DTD(文档类型定义)进行引用，但需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式运行)

而html4.01基于SGML，所以需要对DTD进行应用，才能告知浏览器文档所使用的文档类型。

2.页面导入样式时，使用link和@import有什么区别?

1).link属于XHTML标签，而@import是CSS提供的;

2).页面被加载的时，link会同事被加载，而@import引用的CSS会等到页面被加载完再加载;

3).import只有在IE5以上才能被识别，而link是XHTML标签，无兼容问题;

4).link方式的样式的权重>@import的权重

3.常见的浏览器内核有哪些?

IE浏览器的内核：Trident、

Mozilla的Gecko、

Chrome的Blink(WebKit的分支)、

Opera内核原为Presto，现为Blink

4.简述一下你对HTML语义化的理解?

HTML语义化是指根据内容的结构化(内容语义化)，选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

HTML语义化的主要目的是：

1).为了在没有css的情况下，页面也能呈现出很好地内容结构、代码结构

2).有利于用户体验

3).有利于SEO和搜索引擎建立良好的沟通。

4).方便其他设备解析以意义的方式来渲染网页、

5).便于团队开发和维护，增加可读性。

5.xhtml和html有什么区别

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：

XHTML元素必须被正确地嵌套。

XHTML元素必须被关闭。

标签名必须用小写字母。

XHTML文档必须拥有根元素

6.行内元素有哪些?块级元素有哪些?CSS的盒模型?

块级元素：div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

Css盒模型:内容，border ,margin，padding

7.Web前端开发页面有哪三层构成，分别是什么?作用是什么?

结构层Html表示层CSS行为层js

8.标签上title与alt属性的区别是什么?

Alt当图片不显示是用文字代表。

Title为该属性提供信息

9.你如何对网站的文件和资源进行优化?

文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用

10.解释jsonp的原理，以及为什么不是真正的ajax

动态创建script标签，回调函数

Ajax是页面无刷新请求数据操作

以上这10个Web前端开发技巧希望能给你带来帮助，如果你对Web前端开发有更多优秀的想法，欢迎去IT培训网Web前端开发培训机构实地访查，欢迎加入IT培训网大家庭。

Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的Web前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后端开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的Web前端开发工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

文章出自：http://qh.itpxw.cn/peixun/web/202186060.html

文章标题：Web前端开发实用技巧助成功面试



免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉

(责任编辑：深圳学历教育网)