我们在编辑界面这样写：
示例1：
如示例1那样我们就创建了表格，在中通过短横线( - )和竖线( | )相结合来实现表格的。
在示例1中，表格内的内容都是局左对齐的。在具体的制作表格时，我们有时会有其他的需求，那么我们该如何实现呢？看下面例子：
示例2：
那么预览效果又是什么样的呢？请看下面：
默认样式居右样式居左样式居中样式
默认 居右对齐居左对齐居中对齐
仔细观察示例2和示例1的区别，我们会发现在横线两端出现了冒号( : )，冒号居于横线的位置不同，那么内容的样式也不一样。
无冒号：内容居左对齐(默认)
冒号居左：内容居左对齐
冒号居右：内容居右对齐
冒号在两端：内容居中对齐
当我们在表格的内容中使用竖线时，就会让编辑器无法分辨你的意图，例如下面这种情况：
示例3：
序号 内容
1 内 容
如示例3所示，在内容中出现了竖线，那么编辑器就会认为这是列的划分线，于是就会多出一列来，明显这不是我们要的效果，那么该如何解决呢？
解决办法：
1、用html转义字符代替，"|"的转义字符是："|；"，|后面的分号需要是英文状态下的分号。
2、第二种方法是使用反斜杠( \ )
序号 内容
1 内|容
使用转义字符后就是上面的效果了。
HTML5混合式开发优点：1、 代码简洁
HTML5网页的冗余代码比传统网页要少很多，极大方便了程序员和用户。
2、全新的标签，网站定义更丰富
相对于旧版本的HTML，HTML5新增了很多语义标签，网站定义起来更为细致。
3、网站优化更简单
HTML5的全新标签对搜索引擎友好，对网站优化来说更为方便。
4、用户体验度好
网站各种酷炫的效果利用HTML5技术都能实现，而且HTML5正以前所未有的姿态颠覆这人们对网页设计的想象。
5、拓展用户浏览渠道
HTML5技术对用户是十分友好的，能支持多终端自适应，无论用户喜欢用手机平板还是电脑看网站，HTML5网站都能满足。
6、支持网站多媒体元素
以前的网站，过多的图片和视频不仅拖慢网站加载速度，对搜索引擎收录也是很不利的。有了HTML5技术，大家可以随意在网站上添加各种多媒体元素，完全不受限制。
7、可移植性好
一套完整的HTML5对开发者来说可以适用于多个设计，不用重新修改。
8、开发费用相对较低
由于HTML5网站的兼容性好，用户开发一个网站后就不用另外开发移动站，一定程度上节省了大笔资金。
9、大势所趋
HTML5技术是网站建设的未来，越来越多的国内网站开始打造自己的HTML5响应式网站，包括简书、新浪、三星、华为等品牌都加入了HTML5网站的建设大军中，企业建设HTML5网站是顺应未来的做法。
