前端面试题目115道.docx

1、html5为什么只需要写!doctype html? ????答：html5不是基于sgml（标准通用标记语言），不需要对dtd文件进行引用，但是需要doctype来规范浏览器的行为，否则浏览器将开启怪异模式，而html4.01基于sgml，需要引入dtd，才能告知浏览器文档使用的文档类型 2、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？ ????行内元素有：a b span img input select strong（强调的语气） ????块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p ????知名的空元素： ????br hr img input link meta ????鲜为人知的是： ????area base col command embed keygen param source track wbr? 3、页面导入样式时，使用link和@import有什么区别？ ????两者都是外部引用CSS的方式，但是存在一定的区别： 　　区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。 　　区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。 ? 　　区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。 ? 　　区别4：link支持使用Javascript控制DOM去改变样式；而@import不支持。 ? ????补充：@import最优写法 ????@import的写法一般有下列几种： ? ????@import ‘style.css’ //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别 ????@import “style.css” //Windows IE4/ NS4, Macintosh IE4/NS4不识别 ????@import url(style.css) //Windows NS4, Macintosh NS4不识别 ????@import url(‘style.css’) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别 ????@import url(“style.css”) //Windows NS4, Macintosh NS4不识别 ????由上分析知道，@import url(style.css) 和@import url(“style.css”)是最优的选择，兼容的浏览器最多。 ????从字节优化的角度来看@import url(style.css)最值得推荐。 4、常见的浏览器内核有哪些？ ????使用Trident内核的浏览器：IE、Maxthon、TT、The World等； ????使用Gecko内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey； ????使用Presto内核的浏览器：Opera7及以上版本； ????使用Webkit内核的浏览器：Safari、Chrome。 5、html5有哪些新特性？移除了哪些元素？如何处理HTML5新标签的浏览器兼容性问题？如何区分html和html5？ ????新增的元素有绘画 canvas ，用于媒介回放的 video 和 audio 元素，本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失，而sessionStorage的数据在浏览器关闭后自动删除，此外，还新增了以下的几大类元素。 ????内容元素，article、footer、header、nav、section。 ????表单控件，calendar、date、time、email、url、search。 ????控件元素，webworker, websockt, Geolocation。 ????移出的元素有下列这些： ????显现层元素：basefont，big，center，font, s，strike，tt，u。 ????性能较差元素：frame，frameset，noframes。 ? ????如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？ ????处理兼容问题有两种方式： ????1.IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。 ????2.使用是html5shim框架 ????另外，DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素，此