美文网首页码农杂记
前端面试小札(一)

前端面试小札(一)

作者: 子谦Sumer | 来源:发表于2016-06-29 23:54 被阅读16次

    HTML部分

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

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

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

    2.HTML5 为什么只需要写 <!DOCTYPE html>?

    答:当页面添加了<!DOCTYPE html>,那么就等同于开启了标准模式,浏览器将按照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不支持。

    相关文章

      网友评论

        本文标题:前端面试小札(一)

        本文链接:https://www.haomeiwen.com/subject/aimxjttx.html