作为一名前端开发人员，HTML，HTML5以及网站优化都是必须掌握的技术，下面列举一下HTML， HTML5, 网站优化等常见的面试题：
HTML常见面试题：
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等，能提高访问性能。