前端开发面试题库（HTML,Javascript，CSS）

HTML问题

1. doctype（文档类型）的作用是什么？
   告诉浏览器页面使用的HTML版本
2. 浏览器标准模式和怪异模式之间的区别是什么？
   标准模式会以标准模式解释页面，怪癖模式则以兼容模式解释老的页面。
3. 说说HTML5有那些新特性，移除了哪些元素？
   • HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
   • canvas, video, audio, localStorage, sessionStorage, Geolocation,APP Cache,web worker, 语义化标签, 表单控件
   • 移除了纯表现的元素：basefont，big，center，font, s，strike，tt，u；对可用性能产生负面影响的元素：frame，frameset，noframes；
4. iframe有那些缺点？
   iframe会阻塞主页面的Onload事件；
   iframe是最费资源的元素；
5. 请描述一下 cookies，sessionStorage 和 localStorage 的区别？
   • cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
   • sessionStorage和localStorage的存储空间更大(>4M)，cookie只有4K；
   • sessionStorage和localStorage有更多丰富易用的接口；
   • sessionStorage和localStorage各自独立的存储空间；
   • sessionStorage的数据在浏览器开着时会一直存在；
   • localStorage的数据会一直存在，即使在浏览器被关闭以后；
6. 行内元素有哪些？块级元素有哪些？什么是可替换元素？什么是不可替换元素？
   1. CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值， 比如div默认display属性值为“block”，成为“块级”元素； span默认display属性值为“inline”，是“行内”元素。
   2. 行内元素有：a b span img input select strong（强调的语气）
   3. 块级元素有：div ul ol li dl dt dd h1… p
   4. 知名的空元素： br hr img input link meta 鲜为人知的是： area base col command embed keygen param source track wbr

      替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。如img，input 不可替换元素，即其内容直接表现给用户端。如p

JavaScript问题

代码问题

1. specify(‘hello world’) // => ‘h e l l o w o r l d’ 实现specify函数
   A: