1、HTML和XHTML的区别？
HTML是一种基于Web网页的设计语言，XHTML是一种基于XML、语法严格、标准的设计语言。
两者主要的不同是XHTML元素必须正确地嵌套，元素必须关闭，标签必须小写，必有根元素；HTML没有这些限制。
2、什么是静态页面什么是动态页面？
静态页面是指没有数据交互的网页，也就是没有数据库的参与，没有服务器端数据的加载。比如早期的网页就是只有HTML+css+JS做成的静态页面。
动态页面是指有后台数据参与的网页，网页中的数据是从数据库中提取的，需要有太太逻辑的支持。比如动态网页就是JSP页面、ASP页面等。
3、严格模式和混杂模式如何区分？如何触发这两种模式？
严格模式就是浏览器根据Web标椎去解析页面的方法，是一种要求严格的DTD，不允许使用任何表现层的语法；混杂模式是一种向后兼容的解析方法。
触发严格模式或者标准模式很简单，就是在HTML标签前声明正确的DTD；触发混杂模式可以在HTML文档开始时不声明DTD，或者在DOCTYPE前加入XML声明。
4、DOCTYPE有什么用？区分严格模式与混杂模式有何意义？
!DOCTYPE声明位于文档中的最前面，位于html标签之前，即告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE不存在或格式不正确都会导致文档以混杂模式呈现。
严格模式的排版和JavaScript运行模式以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老师浏览器的行为以防止站点无法工作。
5、Div是什么？在div出现之前用什么做网站布局？
Div是网站布局的盒子标签。Div出现之前使用table布局。因为table布局嵌套很多，网站加载慢（table无法局部渲染），布局层级不清晰。
6、mg标签上的title和alt属性的区别是什么？
title的功能是为元素提供标题信息，即当光标悬浮在标签上后显示的信息；alt的功能是图片的替换文案，即当图片不能正常显示时，用文字替换。
7、空元素有哪些？
有br、hr、img、input、link、meta。
一起遨游在前端知识的海洋，不断进步！！！