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

前端面试小札(一)

作者: 子谦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不支持。

相关文章

  • 前端面试小札(一)

    HTML部分 1. Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 答:Doctype主要有告诉浏...

  • 前端面试小札(二)

    5. 介绍一下你对浏览器内核的理解? 答:“内核”只是一个通俗的说法,其英文名称为“Layout engine”,...

  • 面试小札

    兴趣爱好说看电影,听音乐,看书的其实就是宅。 养宠物的人都比较有耐心。 一位河南驻马店的姑娘,顿时想到了同事经常说...

  • 2019前端面试题汇总(主要为Vue)

    摘要: 经典面试题。 原文:2019前端面试题汇总(主要为Vue) 作者:前端小酱 Fundebug经授权转载,版...

  • 2019前端面试题汇总(主要为Vue)

    摘要: 经典面试题。 原文:2019前端面试题汇总(主要为Vue) 作者:前端小酱 Fundebug经授权转载,版...

  • 找前端工作,了解下面的面试题,就成功一半

    小编最近在面试,顺便总结了一下面试前端中常见的问题。并没有涉及到一些框架面试,合适初级程序员面试的问题,欢乐前端大...

  • 前端面试:谈谈 JS 垃圾回收机制

    摘要: 不是每个人都回答的出来... 原文:前端面试:谈谈 JS 垃圾回收机制 作者:前端小智 最近看到一些面试的...

  • 前端面试的经典题

    前端面试的经典题 前端面试三部曲 前端面试概念收集器 前端面试的经典题 前端面试的难题和怪题 Javascript...

  • 值得看的前端面试文章- 收藏集 - 掘金

    【前端面试 -- 四月二十家前端面试题分享】1-5 套个人解题答案 - 前端 - 掘金前端面试题 前端面试--四月...

  • 生活小札

    刚看完读库的《非洲小札》,想着也可以写写我这段时间的生活小札。 《非洲小札》是我从读库的书中随机选...

网友评论

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

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