markdown表格和html表格对比？

markdown表格写法

	id	name	email	salary
	1	注册	list1@qq.com	123456
	2	长老	list4@qq.com	123456
	3	长老1	list3@qq.com	123456

# markdown表格写法
|id  |name|  email| salary
---|---|---|---
|1    |注册   |list1@qq.com     |123456
|2    |长老   |list4@qq.com    | 123456
|3    |长老1   |list3@qq.com     |123456

html表格写法

快捷指令写法
<!-- table.item>caption{表格}+(tbody>tr*5>td*8{文字}) -->
生成后代码
<table class="item">
    <caption>表格</caption>
    <tbody>
        <tr>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
        </tr>
        <tr>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
        </tr>
        <tr>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
        </tr>
        <tr>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
        </tr>
        <tr>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
            <td>文字</td>
        </tr>
    </tbody>
</table>

生成后效果图

css美化后样式代码

.item{ background-color:greenyellow; }
.item>tbody>tr>td{border: 1px solid red;

生成后效果图