前端基础面试题答案

1.XHTML与HTML的有何异同？
答：都是标记语言，都用标签来标记元素，都符合w3c标准
xhtml元素必须嵌套，必须是小写字母，标签必须闭合，必须有根元素

2.css盒模型，弹性盒模型是什么？
答：标准css盒模型：margin,content,padding,border ie盒模型：margin和content，content包含了padding和border
当页面需要适配不同的屏幕大小和设备类型时确保元素具有恰当的行为的布局方式，以一种更有效的方式对页面元素进行排列，对齐和分配空间（使用flex布局的盒模型）

3.Doctype作用，标准模式与兼容模式的区别？
答：告知浏览器的解析器用什么文档标准解析这个文档
标准模式是以浏览器的最高标准运行，兼容模式是页面以宽松的向后兼容的方式运行，模拟老浏览器的行为以免站点无法工作

4.HTML5 为什么只需要写？
答：html4.01的doctype需要对dtd进行引用，因为html4.01基于SGML,
html5不是基于SGML，不需要引用dtd，但是需要doctype来规范浏览器的行为
SGML是标准通用标记语言，html和xml都是由sgml发展而来的，但是html5不是

5.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
答：行内元素:span,img,a,b,lable,button,i,input…
块级元素:div,h1-h6,dd,dl,dt,ul,li,p,form,footer,header…
空元素:img,input,br 可以直接闭合的元素

6.页面导入样式时，使用link和@import有什么区别？
答：link属于xhtml标签，除了加载css外，还能用于定义rss，定义rel连接属性等作用，而@import是css提供的，只能用于加载css，
页面被加载时，link会同时被加载，而@import引用的css会等待页面被加载完再加载
import是css2.1提供的，只有ie5以上的浏览器才能识别，而link是xhtml标签，无兼容问题

7.介绍一下你对浏览器内核的理解？
答：主要分为渲染引擎和js引擎
渲染引擎：负责取得网页的内容（html，xml，图像）,整理讯息（例如加入css）,以及计算网页的显示方式，然后会输出至显示器或打印机，
浏览器内核的不同对于网页的语法解释会有所不同，所以渲染的效果也不同，所有网页浏览器，电子邮件客户端，以及其他需要编辑，显示网页内容的应用程序都需要内核
js引擎:解析执行js来实现网页的动态效果

8、常见的浏览器内核有哪些？
答：Trident内核：ie,360
gecko内核：netscape6及以上版本
presto内核：opera（以前）
blink内核：opera（现在）
webkit内核：safari,chorme

9.HTML5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
答：拖拽释放api
画布（canvas）地理（geolocation）
语义化更好的标签（article，aside，header，footer，nav，section）
音频和视频（audio，video）
本地离线存储（sessionStorage，localStorage）
表单控件：email，calendar，date，time，email，url，search
新的技术：websocket，webworker，geolocation

移除的元素：strike，font，basefont，big，center，frame，frameset，noframe

ie8/7/6支持使用document.createElement方法产生的标签，用该方法可以使用html5的新标签，浏览器产生新标签后，还要给新标签添加默认样式
当然最好的办法就是使用html5shim框架

<!--[if ite ie9]>
   < script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
   <![endif]-->

文档类型不一样，提供了不同的语义化标签

10.简述一下你对HTML语义化的理解？
答：用正确的标签做正确的事情
html语义化