1.DOCTYPE作用?严格模式与混杂模式如何区分?他们有何意义?
a.<!DOCTYPE>声明位于文档中的最前面,处于<html>标签之前。告知浏览器以何种模式来渲染文档。
b.严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。
c.在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
d.DOCTYPE不存在或格式不正确会导致文档以混杂的方式呈现。
2.介绍一下你对浏览器内核的理解?常见的浏览器内核有哪些?
主要或者说核心的部分是"Rendering Engine",可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、Javascript)并渲染(显示)网页。所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。
常见的浏览器内核
Trident内核:IE,MaxThon,TT,The World,360,搜狗浏览器等。(又称MSHTML)
Gecko内核:Netscape6及以上版本,FF,MozillaSuite\SeaMonkey等。
Presto内核:Opera7 及以上。(Opera内核原为:Presto,现为,Blink)
Webkit内核:Safair Chrome等。[Chrome的:Blink(WebKit的分支)]
EdgeHTML内核:Microsoft Edge。(此内核其实是从MSHTML fork而来,删掉了几乎所有的IE私有特性)
3.对WEB标准以及W3C的理解与认识?
a.标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离。
b.文件下载与页面速度更快、内容能被更多用户所访问、内容能被更广泛的设备所访问、更少的代码和组件。
c.容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复印内容、提高网站易用性
4.Iframe的作用?
用法:
Iframe是用来在网页中插入第三方页面,早期的页面使用Iframe主要适用于导航栏这种很多页面都相同的部分,这样可以在切换页面的时候避免重复下载。
优点:便于修改,模块分离,像一些信息管理系统会用到。
但现在基本上不推荐使用。除非特殊需要,一般不推荐。
缺点:****a.iframe的创建比一般DOM元素慢了1-2个数量级
b.iframe标签会阻塞页面的加载,如果页面的onload事件不能及时触发,会让用户觉得网页加载很慢,用户体验不好。在Safair和Chrome中可以通过js动态设置iframe的src属性来避免阻塞。
c.****iframe对于SEO不友好,替代方案一般是动态语言的Incude机制和ajax动态填充内容等。