文档介绍：(语义HTML)?SemanticHTML是一种编码风格,它通过添加能够被计算器所理解的语义(Metadata),从而使HTML成为一个通用的信息交换媒介。在语义HTML中,b/b,i/i这类其中的内容不具有实际意义的标签是不应该被使用的,因为他们只是为了进行格式化,没有提供要表达的意义及页面结构。?DOCTYPE主要作用是告诉浏览器这个网页是哪种HTML,浏览器根据这个标示进行页面渲染。如果DOCTYPE声明不当或没有声明,浏览器将会用quirksmode(怪异模式)对页面进行渲染。(怪异模式)?怪异模式(英语:quirksmode)是指在计算机领域中,一些网页浏览器为了维持对较旧的网页设计的向后兼容性,而使用的一种技术,有别于严格遵循万维网联盟(W3C)与互联网工程任务组(IETF)标准而设计的“标准模式”。?两者之间突出的不同是对CSSIE盒模型缺陷的处理。在IE6之前,Explorer曾经使用一种决定一个元素的盒模型的宽度和高度的,与CSS规范所指定相冲突的算法,Explorer的流行,很多依赖于这种不正确的算法的网页被创建。而在IE6,Explorer在标准模式下渲染时使用了CSS规范的算法,而在quirks模式下使用先前的,不规范的算法。另一个值得一提的不同点是某些行内(inline)元素的垂直对齐;很多早期的浏览器对齐图片至包含它们的盒子的下边框,虽然CSS的规范要求它们被对齐至盒内文本的基线。标准模式下,基于Gecko的浏览器将会对齐至基线,而在quirks模式下它们会对齐至底部。HTML5常见面试题:?主要有article,aside,mand,details,figure,figcaption,summary,header,footer,hgroup,mark,meter,nav,progress,ruby,rt,section,time,???MediaAPI,TextTrackAPI,ApplicationCacheAPI,UserInteraction,mandAPI,ConstraintValidationAPI,?HTML5有了一个新的ApplicationCache,它为web应用创建了一个离线的缓存,包括HTML文件、CSS、图片和JS等,能提供访问性能一、超链接点击过后hover样式就不出现的问题?被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序:L-V-H-A二、IE6的margin双倍边距bug问题例如:styletype=”text/css”body{margin:0;}div{float:left;margin-left:10px;width:200px;height:200px;border:1pxsolidred;}/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浏览器滚动条颜色了?原来样式设置:styletype=”text/css”body{scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#eeeeee;scrollbar-3dlight-color:#eeeeee;scrollbar-arrow-color:#000;scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff;}/style解决办法是将body换成html五、如何定义1px左右高度的容器?IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden|zoom:|line-height:1px六、