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

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