文档介绍：HTML 作用?标准模式与兼容模式各有什么区别? (1)、<!DOCTYPE> 声明位于位于 HTML 文档中的第一行, 处于<html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。 DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。(2 )、标准模式的排版和 JS 运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示, 模拟老式浏览器的行为以防止站点无法工作。为什么只需要写<!DOCTYPE HTML> ? HTML5 不基于 SGML , 因此不需要对 DTD 进行引用, 但是需要 doctype 来规范浏览器的行为( 让浏览器按照它们应该的方式来运行);而基于 SGML, 所以需要对 DT D 进行引用,才能告知浏览器文档所使用的文档类型。 3. 行内元素有哪些?块级元素有哪些?空(void) 元素有那些? 首先: CSS 规范规定,每个元素都有 display 属性,确定该元素的类型,每个元素都有默认的 display 值,如 div 的 display 默认值为“ block ”,则为“块级”元素; span 默认 displa y 属性值为“ inline ”,是“行内”元素。(1 )行内元素有: ab span img input select strong (强调的语气) (2 )块级元素有: div ul ol li dl dt dd h1 h2 h3 h4…p (3 )常见的空元素: <br> <hr> <img> <input> <link> <meta> 鲜为人知的是: <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr> 4. 页面导入样式时,使用 link 和***@import 有什么区别? (1) link 属于 XHTML 标签, 除了加载 CSS 外, 还能用于定义 RSS, 定义 rel 连接属性等作用;而***@import 是 CSS 提供的,只能用于加载 CSS; (2 )页面被加载的时, link 会同时被加载,而***@import 引用的 CSS 会等到页面被加载完再加载;(3) import 是提出的,只在 IE5 以上才能被识别,而 link 是 XHTML 标签,无兼容问题; 5. 浏览器的内核分别是什么? * IE 浏览器的内核 Trident 、 Mozilla 的 Gecko 、 Chrome 的 Blink ( WebKit 的分支)、 Oper a 内核原为 Presto ,现为 Blink ; 6. 常见兼容性问题? * png24 位的图片在 iE6 浏览器上出现背景,解决方案是做成 PNG8. * 浏览器默认的 margin 和 padding 不同。解决方案是加一个全局的*{margin:0;padding:0;} 来统一。* IE6 双边距 bug: 块属性标签 float 后,又有横行的 margin 情况下,在 ie6 显示 margin 比设置的大。浮动 ie 产生的双倍距离#box{ float:left; width:10px; margin:0 00 100px;} 这种情况之下 IE 会产生 20px 的距离, 解决方案是在 float 的标签样式控制中加入——_display:inline; 将其转化为行内属性。(_ 这个符号只有 ie6 会识别) 渐进识别的方式,从总体中逐渐排除局部。首先,巧妙的使用“\9”这一标记,将 IE 游览器从所有情况中分离出来。接着,再次使用“+”将 IE8 和 IE7 、 IE6 分离开来,这样 IE8 已经独立识别。 css .bb{ background-color:#f1ee18;/* 所有识别*/ .background-color:#00deff\9; /*IE6 、7、8 识别*/ +background-color:#a200ff;/*IE6 、7 识别*/ _background-color:#1e0bd1;/*IE6 识别*/ }* IE下, 可以使用获取常规属性的方法来获取自定义属性, 也可以使用 getAttribute() 获取自定义属性;Firefo x下, 只能使用 getAttribute() 获取自定义属性. 解决方法: 统一通过 getAttribute() 获取自定义属性.*IE下,eve n 对象有 x,y 属性, 但是没有 pageX,page Y 属性;Firefo x下,even t 对象有 pageX,page Y 属性, 但是没有 x,y 属性.