2019前端面试之html5

html5新增特性

• 语义化标签
• 表单新特性
• 视频和音频canva画布
• svg画图
• 地理位置
• 为鼠标提供的拖放api
• webwroker
• storage
• websocker

常见块级标签

• div,p,h1-h5,hr,menu,ol,ul,dl,dt,dd,table,from

常见行内标签

• span,a,b,strong,i,em,br,textarea,select,u(下划线)

常见行内块标签

• input,img,

link和@import的区别

• link属于xml标签，@import属于css的一种形式>
• 加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显（梦之都加载CSS 的方式就是使用@import，一边下载一边浏览梦之都网页时，就会出现上述问
• 兼容性的差别，@import只支持IE5以上的浏览器
• 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

浏览器内核的理解?

• 渲染引擎：负责取得网页的内容(html,xml和图像等)，整理讯息(例如假如css)，以及计算网页的显示方式，然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。
• js引擎：解析和执行javaScript来实现网页动态效果

常见浏览器内核？

• IE内核：Thrident
• chorme内核：blink
• safair内核：webkit
• opera内核：Presto
• firefox内核：Gecko