简书编写文章时怎么使用空格和表格

html-css023

简书编写文章时怎么使用空格和表格,第1张

那么我们要如何实现表格呢？注意格式。。。

我们在编辑界面这样写：

示例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网站是顺应未来的做法。