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