1. XHTML
XHTML ：可扩展超文本标记语言（英语：eXtensibleHyperTextMarkupLanguage，XHTML），是一种标记语言，是 HTML 与 XML（扩展标记语言）的结合物，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。
为了规范HTML，W3C结合XML制定了XHTML 1.0标准，这个标准没有增加任何新的标签，只是按照XML的要求来规范HTML，并定义了一个新的MIME type application/xhtml+xml。
- 正确嵌套标签，不交叉
- 元素需要关闭，使用结束标签或 />结尾：
<br />（注意 / 前的空格，使XHTML与浏览器兼容） - 元素、属性名必须小写
- xhtml文档必须有一个根元素，所有元素需嵌套在
<html>标签内 - 属性值必须加引号：
width="100%" - 属性不能简写：
<input checked="checked" /> - 用id代替name
- lang属性需添加额外的 xml:lang：
<div lang="no" xml:lang="no">Heia Norge!</div> - 所有 XHTML 文档必须进行文件类型声明（DOCTYPE declaration），<!DOCTYPE>没有关闭标签。
- 在 XHTML 中，
<html>标签内的 xmlns 属性是必需的。若文档中未标明，"xmlns=http://www.w3.org/1999/xhtml"这个值会被添加到<html>标签中。
2. XML
3. CSS
点击转到：BFC块级格式化上下文、文档流
点击转到：选择器（优先级、伪类、伪元素、属性）
点击转到：边边角角但是有用
4. 图片格式
JPEG：有损压缩，不透明，全兼容，适合复杂颜色及形状、尤其是照片
GIF：无损压缩，透明，动画，全兼容，适合简单颜色
PNG：无损压缩，透明，全兼容，适合透明场景
APNG：无损压缩，透明，动画，兼容Firefox、Safari，适合透明动画
WebP：有损压缩，透明，动画，兼容Chrome、Opera、Android ，适合复杂颜色及形状，浏览器平台可预知
SVG：无损压缩，透明，动画，兼容所有（IE8以上），适合简单图形、需要良好的放缩体验、需要动态控制图片特效
5. 前端性能优化
