啦啦啦，又到周二啦，上周，思妹儿给大家分享了几道前端工程师的面试题，发现好多小伙伴都需要啊！嘿嘿，不枉费我在公司找的题，既然很多小伙伴都需要。
思妹儿决定，以后每周都会给大家分享一些面试题和答案，希望能够帮助到大家哟~
Q：每个HTML文件里开头都有个很重要的东西：!DOCTYPE这是干什么的吗？
A：DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。
标准模式：排版样式和js运行模式都是按该浏览器支持的最高标准运行
兼容模式：页面以宽松的向后兼容的方式显示，模拟老式浏览器，防止站点无法工作
Q：Html4和Html5有哪些不同,新增的有哪些?移除了哪些元素？
A：不同：HTML4是基于SGML的子集，需要在DOCTYPE里设置DTD，而HTML5不是SGML的子集，只需要写!DOCTYPE
新增：
语义化元素—article、section、nav、header、footer、figure等
其他元素：video、audio、canvas
本地存储：localStorage、sessionStorage
表单空间：time、email、search、number等
新技术：webworker、websocket、geolocation地理定位
移除：纯表现的元素：basefont，big，center,font,s,strike,u
对可用性产生负面影响：frame、frameset、noframe
Q：如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5?
A:要支持HTML5标签，IE9以下，在script里写document.createElement(‘header’)同时css设置header{display:block}，也可以直接用框架，如html5shiv
区分HTML和HTML5：DOCTYPE声明、新增的结构元素和功能元素
Q：SGML和DTD
A:SGML—标准通用置标语言，是定义电子文档结构和描述其内容的国际标准语言
DTD—文档类型定义，可定义合法的标准通用标记语言，可扩展标记语言文档构建模块
Q：Html5如何让一个div旋转?
A:Transform：rotate（30deg）
Q：你做的页面在哪些浏览器试过？这些浏览器的内核分别是什么？
A:使用Trident内核的浏览器：IE、Maxthon、TT、TheWorld等；
使用Gecko内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey；
使用Presto内核的浏览器：Opera7及以上版本；
使用Webkit内核的浏览器：Safari、Chrome。
Q:行内元素有哪些？块级元素有哪些？
A:行内元素：a、b、span、i、em、strong、input等
块级元素：div、ul、ol、li、p、form、h1-h6等
Q：从输入网址到显示网页的过程发生了什么？
A:
简化版：
1.浏览器开启一个线程处理这个请求，将请求的URL交给域名解析系统DNS，找到对应的IP，向服务器发起请求。
2.服务器交给后台处理，完成后发挥数据，浏览器接收文件(html,js,css,img等)
3.浏览器对拿到资源进行语法解析，建立对应的内部数据结构，如DOM树
4.载入解析到的资源文件，渲染页面，完成
好啦，今天的分享就是这些啦，如果大家有问题可以在下方留言哟~拜拜