相信大家在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.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js
8.标签上title与alt属性的区别是什么?
Alt 当图片不显示是 用文字代表。
Title 为该属性提供信息
9.你如何对网站的文件和资源进行优化?
文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用
10.解释jsonp的原理，以及为什么不是真正的ajax
动态创建script标签，回调函数
Ajax是页面无刷新请求数据操作
