markdown中使用html5一些特性方便写作

原因：有点违背markdown的核心思想，但是我需要加入一些功能特性

markdown作为一种“极简主义”思潮下的产物，它的出生就决定了，他主打一个化繁为简，断舍离，所以markdwon，对于纯文字写作，是非常高效率的，但是我个人在使用markdown需要用上各种类型的富文本，尤其是表格以及笔记展示。所以需要用到一些其他的html特性才能实现

共同特性

列表

在markdown中

* 列表1
* 列表2
* 列表3

在html中 ul,ol,li都行

<ul>列表1</ul>
<ul>列表2</ul>
<ul>列表3</ul>

斜体

markdown中，奇数符号斜体，偶数符号粗体

*markdown斜体*

1. 奇数符号斜体
2. 偶数符号粗体

html中：斜体cite,em,i

<cite>html斜体cite</cite>
<em>html斜体em</em>
<i>html斜体i</i>

1. html斜体cite
2. html斜体em
3. html斜体i

粗体

markdown中：对称得偶数符号

**如上文所说用偶数符号即可**
__即使像这样也可以实现粗体效果__

html中：strong、b。

<strong>html中strong标签得粗体</strong>
<b>html中b标签得粗体</b>

1. html中strong标签得粗体
2. html中b标签得粗体

删除线

markdown中:

~~markdown用偶数波浪线表示删除~~

markdown用偶数波浪线表示删除

html中：

<del>html中使用del标记得删除</del>
<s>html中使用s标记得删除线</s>

1. html中使用del标记得删除
2. html中使用s标记得删除线

---

markdown不支持得html特性

1.使用html锚点定位文章位置

因为博客园的的标记系统我不知道，我得查一下

我们可以同通过F12查看审查元素，可以看见markdown 的id就是根据标题生成的。
能挑战吗？
答：点击试试就知道了

经过测试可以通过#+id进行跳转本地，而博客园标题的id是根据标题内容定义的。

2023-9-8:
后续新的问题,h2级别标题他无法使用id跳转。
本行链接跳转h2链接:点击测试跳转"测试副h2 4"
经过测试无法跳转h2级别标题，目前博客园仅能通过h1级别得标题使用锚点跳转。

2.比正常字体小一点得小体字

html中可以让字变小得标签samll
比如：大大小小

大<small>大</small>小<small>小</small>

3.markdown不支持得下划线

html却可以用标记ins解决。
ins下划线标记

<ins>ins下划线标记</ins>

4.markdown无法设置图片大小

html却可以通过img来操作

<img src="/文件地址" width="480"  height="360"></img>

5.markdown无法合并得表格

首先确实得赞扬以下markdown那种极简主义得精神内核，将表格简化成很简单得成

|字段一|字段二|
|-|-|
|||

因为html得表格是结构化得表格，所以标签系统做的稍微复杂

html首先需要用创建一个table：<table></table>

然后在table里面创建标题<caption></caption>

之后你需要创建表头<thead></thead>

之后你需要创建行<tr></tr>

之后你需要创捷行内得格子<th></th>,一个th代表在这个行多个格子，但是由于合并造成了格子得缩进，所以th需要主要格子缩进。

标题：这是一个结构化表格得测试表

	1	2	3	4
A	合并A1，A2
B	测试	合并B2,C2
C	上行下行合并		合并3行2列
D
E
合并整个栏目

6.markdwon无法使用得引用框

markdown无法用特性文字解释某一个描述特性，但是html可以用标签实现一个注释框功能。
比如：“人只能是目的，而不是手段。”

<abbr title="德.康德">“人只能是目的，而不是手段。”</abbr>

7.markdown没有得马克笔功能

基本就是对页面文字涂色。
比如我们可以用来标记文字中得重点：

<mark>这是重点文字，需要标记</mark>

这是重点文字，需要标记

8.markdown行内换行

markdown里面没有换行操作，尤其是在markdown表格以及mermaid绘图得场合，有时我需要对文字内容进行换行处理，但是markdown得换行会影响语法本身得渲染表现。
所以我们得使用html得换行符</br>来解决那个问题

markdown中不换行	使用html换行	备注
这是第一行
这是第二行	这是第一行 这是第二行	直接使用markdown换行会让表格渲染失败

9.markdown没有得文字注音功能

markdown无法对文字注音，但是html可以。

注(zhu)
音(yin)

<ruby>
注<rp>(</rp><rt>zhu</rt><rp>)</rp>
音<rp>(</rp><rt>yin</rt><rp>)</rp>
</ruby>

以下为测试区

---

测试h1 1

测试副h2 1

测试h1 2

测试副h2 2

测试h1 3

测试副h2 3

测试h1 4

测试副h2 4