前端面试小札（一）

HTML部分

1. Doctype作用？严格模式与混杂模式如何区分？它们有何意义?

答：Doctype主要有告诉浏览器使用什么样的html或xhtml规范来解析html文档；对浏览器的渲染模式产生影响；不同的渲染模式会影响到浏览器对于 CSS 代码甚至JavaScript 脚本的解析，所以Doctype是非常关键的，尤其是在 IE 系列浏览器中，由DOCTYPE 所决定的 HTML 页面的渲染模式至关重要。

现代浏览器包括不同的呈现模式，目的是既支持遵循标准的网页，也支持为老式浏览器而设计的网页。其中， CSSCompat （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而 Quirks （混杂）模式（也就是兼容模式）用于呈现为传统浏览器而设计的网页。

2.HTML5 为什么只需要写 ？

答：当页面添加了，那么就等同于开启了标准模式，浏览器将按照W3C的标准解析渲染页面。

3. 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

答：行内元素有：a b span img input select strong

块级元素有：div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p

空元素：即系没有内容的HTML元素，br hr img input link meta area base col command embed keygen param source track wbr

4. 页面导入样式时，使用link和@import有什么区别？

答：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：link支持使用Javascript控制DOM去改变样式；而@import不支持。