文档介绍：精品文档
精品文档
1
精品文档
_______________________________________________________________________________________________resto
，现为Blink；
内核主要分成两部分：
渲染引擎(layoutengineer或RenderingEngine)和JS引擎
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例
如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏
览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序
精品文档
精品文档
5
精品文档
-可编辑修改-
精品文档
精品文档
19
精品文档
______________________________________________________________________________________________________________
都需要内核。
JS引擎则：解析和执行 javascript来实现网页的动态效果。最开始渲染引擎和 JS
引擎并没有区分的很明确，后来 JS引擎越来越独立，内核就倾向于只指渲染引
擎。
？如何处理 HTML5新标签的浏
览器兼容问题？如何区分 HTML 和HTML5？
(Q1)HTML5现在已经不是 SGML的子集，主要是关于图像，位置，存储，
多任务等功能的增加。
(1)绘画canvas;
(2)用于媒介回放的 video和audio元素;
(3)本地离线存储 localStorage长期存储数据，浏览器关闭后数据不丢失 ;
(4)sessionStorage的数据在浏览器关闭后自动删除 ;
(5)语意化更好的内容元素，比如 article、footer、header、nav、section;(6)表单控
件，calendar、date、time、email、url、search;
(7)新的技术webworker,websocket,Geolocation;
(Q2)IE8/IE7/IE6 ，可以利用
这一特性让这些浏览器支持 HTML5新标签，浏览器支持新标签后，还需要添
加标签默认的样式。也可以直接使用成熟的框架、比如 html5shim，
简述一下你对HTML语义化的理解？
用正确的标签做正确的事情。
精品文档
精品文档
7
精品文档
-可编辑修改-
精品文档
精品文档
19
精品文档
______________________________________________________________________________________________________________
1. html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎
解析;
2. 即使在没有样式 CSS情况下也以一种文档格式显示，并且是容易阅读的 ;
搜索引擎的爬虫也依赖于 HTML标记来确定上下文和各个关键字的权重，利于
SEO;
3. 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
11##常见兼容性问题？
png24位的图片在iE6浏览器上出现背景，解决方案是做成 PNG8.
浏览器默认的margin和padding不同。解决方案是加一个全局的
{margin:0;padding:0;}来统一。 IE6双边距bug:块属性标签float后，又有横行的
margin情况下，在ie6显示margin比设置的大。浮动ie产生的双倍距
离#box{float:left;width:10px;margin:000100px;}
这种情况之下IE会产生20px的距离，解决方案是在 float的标签样式控制中加
入——_display:inline;将其转化为行内属性。(_这个符号只有ie6会识别)渐进识别
的方式，从总体中逐渐排除局部。
首先，巧妙的使用“\9”这一标记，将IE游览器从所有情况中分离出来。接着，
再次使用“+”将IE8和IE7、IE6分离开来，这样IE8已经独立识别。 css .bb{
background-color:#f1ee18;/所有识别/ .backgr