Web前端笔试115道题(带答案及解析).docxVIP

Web 前端笔 115 道 （ 答案及解析） 1、html5 什么只需要写 lt;!doctype htmlgt;? 答： 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 知名的空元素： lt;brgt; lt;hrgt; lt;imggt; lt;inputgt; lt;linkgt; lt;metagt; 鲜为人知的是： lt;areagt; lt;basegt; lt;colgt; lt;commandgt; lt;embedgt; lt;keygengt; lt;paramgt; lt;sourcegt; lt;trackgt; lt;wbrgt; 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  不识别 @impor t “ 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