web前端面试总结.doc

1. 什么是Semantic HTML（语义HTML）? Semantic HTML是一种编码风格, 它通过添加能够被计算器所理解的语义(Meta data)，从而使HTML成为一个通用的信息交换媒介。在语义HTML中，b/b,i/i这类其中的内容不具有实际意义的标签是不应该被使用的，因为他们只是为了进行格式化，没有提供要表达的意义及页面结构。 2. DOCTYPE 有什么作用？ DOCTYPE主要作用是告诉浏览器这个网页是哪种HTML， 浏览器根据这个标示进行页面渲染。如果DOCTYPE声明不当或没有声明，浏览器将会用quirks?mode（怪异模式）对页面进行渲染。 3. 什么是quirks?mode（怪异模式）？ 怪异模式（英语：quirks mode）是指在计算机领域中，一些网页浏览器为了维持对较旧的网页设计的向后兼容性，而使用的一种技术，有别于严格遵循万维网联盟（W3C）与互联网工程任务组（IETF）标准而设计的“标准模式”。 4. 标准模式和怪异模式之间的区别是什么？ 两者之间突出的不同是对 CSS IE盒模型缺陷的处理。在IE6之前，Internet Explorer 曾经使用一种决定一个元素的盒模型的宽度和高度的，与 CSS 规范所指定相冲突的算法，而且由于 Internet Explorer 的流行，很多依赖于这种不正确的算法的网页被创建。而在IE 6, Internet Explorer 在标准模式下渲染时使用了 CSS 规范的算法，而在 quirks 模式下使用先前的，不规范的算法。另一个值得一提的不同点是某些行内 (inline) 元素的垂直对齐；很多早期的浏览器对齐图片至包含它们的盒子的下边框，虽然 CSS 的规范要求它们被对齐至盒内文本的基线。标准模式下，基于 Gecko 的浏览器将会对齐至基线，而在 quirks 模式下它们会对齐至底部。 HTML5常见面试题： 1. html5有哪些新的页面元素？ 主要有article, aside, bdi, command, details, figure, figcaption, summary, header, footer, hgroup, mark, meter, nav, progress, ruby, rt, section, time, 和wpr 2. HTML5去除了哪些页面元素？ frame?和?frameset，另外一些不在支持的元素包括noframe, applet, bigcenter?和basefront. 3. HTML5有哪些新的表单元素？ datalist, datetime, output, keygen, date, month, week, time, number, range, email, 和 url. 4. HTML5增加了哪些标准的API? Media API, Text Track API, Application Cache API, User Interaction, Data Transfer API, Command API, Constraint Validation API, 和 ?History API. 5.??HTML5 和老的 HTML之间的缓存机制有什么不同？ HTML5 有了一个新的Application Cache, 它为web应用创建了一个离线的缓存，包括HTML文件、CSS、图片和JS等，能提供访问性能 一、超链接点击过后hover样式就不出现的问题？ 被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A 二、IE6的margin双倍边距bug问题 例如： style type=”text/css”body {margin:0;}div {float:left; margin-left:10px; width:200px; height:200px; border:1px solid red;}/style 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline; 三、为什么中火狐浏览器下文本无法撑开容器的高度？ 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义： div { height:auto!important; height:200px; min-height:200px; } 四、为什么web标准中无法设置IE浏览器滚动条颜色了？ 原来样式设置： style type=”text/cs