做为一名前端开发人员,HTML,HTML5以及网站优化都是必须掌握的技术,下面列举一下HTML, HTML5, 网站优化等常见的面试题:html
HTML常见面试题:前端
1. 什么是Semantic HTML(语义HTML)?html5
Semantic HTML是一种编码风格, 它经过添加可以被计算器所理解的语义(Meta data),从而使HTML成为一个通用的信息交换媒介。在语义HTML中,<b></b>,<i></i>这类其中的内容不具备实际意义的标签是不该该被使用的,由于他们只是为了进行格式化,没有提供要表达的意义及页面结构。web
2. DOCTYPE 有什么做用?面试
DOCTYPE主要做用是告诉浏览器这个网页是哪一种HTML, 浏览器根据这个标示进行页面渲染。若是DOCTYPE声明不当或没有声明,浏览器将会用quirks mode(怪异模式)对页面进行渲染。算法
3. 什么是quirks mode(怪异模式)?浏览器
怪异模式(英语:quirks mode)是指在计算机领域中,一些网页浏览器为了维持对较旧的网页设计的向后兼容性,而使用的一种技术,有别于严格遵循万维网联盟(W3C)与互联网工程任务组(IETF)标准而设计的“标准模式”。缓存
4. 标准模式和怪异模式之间的区别是什么?ruby
二者之间突出的不一样是对 CSS IE盒模型缺陷的处理。在IE6以前,Internet Explorer 曾经使用一种决定一个元素的盒模型的宽度和高度的,与 CSS 规范所指定相冲突的算法,并且因为 Internet Explorer 的流行,不少依赖于这种不正确的算法的网页被建立。而在IE 6, Internet Explorer 在标准模式下渲染时使用了 CSS 规范的算法,而在 quirks 模式下使用先前的,不规范的算法。
另外一个值得一提的不一样点是某些行内 (inline) 元素的垂直对齐;不少早期的浏览器对齐图片至包含它们的盒子的下边框,虽然 CSS 的规范要求它们被对齐至盒内文本的基线。标准模式下,基于 Gecko 的浏览器将会对齐至基线,而在 quirks 模式下它们会对齐至底部。app
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等,能提升访问性能。