Markdown 元素及语法糖

测试元素是否正常显示

H1 标签元素 Secondary text

H2 标签元素 Secondary text

H3 标签元素 Secondary text

H4 标签元素 Secondary text

H5 标签元素 Secondary text
H6 标签元素 Secondary text

H1 标签元素 Secondary text

关于这个事,我简单说两句,你明白就行,总而言之,这个事呢,现在就是这个情况,具体的呢,大家也都看得到,也得出来说那么几句

H2 标签元素 Secondary text

关于这个事,我简单说两句,你明白就行,总而言之,这个事呢,现在就是这个情况,具体的呢,大家也都看得到,也得出来说那么几句

H3 标签元素 Secondary text

关于这个事,我简单说两句,你明白就行,总而言之,这个事呢,现在就是这个情况,具体的呢,大家也都看得到,也得出来说那么几句

H4 标签元素 Secondary text

关于这个事,我简单说两句,你明白就行,总而言之,这个事呢,现在就是这个情况,具体的呢,大家也都看得到,也得出来说那么几句

H5 标签元素 Secondary text

关于这个事,我简单说两句,你明白就行,总而言之,这个事呢,现在就是这个情况,具体的呢,大家也都看得到,也得出来说那么几句

H6 标签元素 Secondary text

关于这个事,我简单说两句,你明白就行,总而言之,这个事呢,现在就是这个情况,具体的呢,大家也都看得到,也得出来说那么几句

段落

关于这个事,我简单说两句,你明白就行,总而言之,这个事呢,现在就是这个情况,具体的呢,大家也都看得到,也得出来说那么几句,可能,你听的不是很明白,但是意思就是那么个意思,不知道的你也不用去猜,这种事情见得多了,我只想说懂得都懂。

不懂的我也不多解释,毕竟自己知道就好,细细品吧。你们也别来问我怎么了,利益牵扯太大,说了对你我都没好处,当不知道就行了,其余的我只能说这里面水很深,牵扯到很多东西。详细情况你们自己是很难找的,网上大部分已经删除干净了,所以我只能说懂得都懂。

懂的人已经基本都获利上岸什么的了,不懂的人永远不懂,关键懂的人都是自己悟的,你也不知道谁是懂的人也没法请教,大家都藏着掖着生怕别人知道自己懂事,懂了就能收割不懂的,你甚至都不知道自己不懂。只是在有些时候,某些人对某些事情不懂装懂,还以为别人不懂。

引用

引用块左对齐例子
越感到迷惑 越接近真理

famous in 小指

左对齐代码
```bq```
越感到迷惑 越接近真理

​```f``` famous in  ``a``小指``a`` ```f```
```bq```

其实自己才是不懂的,别人懂的够多了,不仅懂,还懂的超越了这个范围,但是某些不懂的人让这个懂的人完全教不懂,所以这种不懂的人也没必要访出来,不懂的人看见又来问七问八,最后跟他说了他也不一定能懂,就算懂了以后也对他不好,毕竟懂的太多了不是好事,所以大家最好是不懂就不要去了解,懂太多不好

引用块右对齐例子
越感到迷惑 越接近真理

famous in 小指

右对齐代码
```bq```br``
越感到迷惑 越接近真理

​```f``` famous in  ``a``<span class="article-flag-sup">小指</span>``a`` ```f```
```bq```

其实自己才是不懂的,别人懂的够多了,不仅懂,还懂的超越了这个范围,但是某些不懂的人让这个懂的人完全教不懂,所以这种不懂的人也没必要访出来,不懂的人看见又来问七问八

引用块居中对齐例子
越感到迷惑 越接近真理

famous in 小指

居中对齐代码
```bq```bc``
越感到迷惑 越接近真理

​```f``` famous in  ``a``小指``a`` ```f```
```bq```
最后跟他说了他也不一定能懂,就算懂了以后也对他不好,毕竟懂的太多了不是好事,所以大家最好是不懂就不要去了解,懂太多不好
引用块 文字对齐方式
tr`` = 文字右对齐 tc`` = 文字居中对齐

famous in dearmsdan

标记元素

Conveying meaning to assistive technologies

为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 – 例如屏幕阅读器 – 的用户来说,颜色是不可见的。建议,确保通过颜色表达的信息或者通过内容自身表达出来(按钮上的文字),或者通过其他方式 – 例如通过 .sr-only 类隐藏的额外文本 – 表达出来。

Conveying meaning to assistive technologies

为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 – 例如屏幕阅读器 – 的用户来说,颜色是不可见的。建议,确保通过颜色表达的信息或者通过内容自身表达出来(按钮上的文字),或者通过其他方式 – 例如通过 .sr-only 类隐藏的额外文本 – 表达出来。

Conveying meaning to assistive technologies

为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 – 例如屏幕阅读器 – 的用户来说,颜色是不可见的。建议,确保通过颜色表达的信息或者通过内容自身表达出来(按钮上的文字),或者通过其他方式 – 例如通过 .sr-only 类隐藏的额外文本 – 表达出来。

Conveying meaning to assistive technologies

为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 – 例如屏幕阅读器 – 的用户来说,颜色是不可见的。建议,确保通过颜色表达的信息或者通过内容自身表达出来(按钮上的文字),或者通过其他方式 – 例如通过 .sr-only 类隐藏的额外文本 – 表达出来。

Markdown 代码示例

```>```

##### Conveying meaning to assistive technologies

  为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 -- 例如屏幕阅读器 -- 的用户来说,颜色是不可见的。建议,确保通过颜色表达的信息或者通过内容自身表达出来(按钮上的文字),或者通过其他方式 -- 例如通过 `.sr-only` 类隐藏的额外文本 -- 表达出来。

```>```
```>>```

##### Conveying meaning to assistive technologies

  为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 -- 例如屏幕阅读器 -- 的用户来说,颜色是不可见的。建议,确保通过颜色表达的信息或者通过内容自身表达出来(按钮上的文字),或者通过其他方式 -- 例如通过 `.sr-only` 类隐藏的额外文本 -- 表达出来。

```>>```
```>>>```

##### Conveying meaning to assistive technologies

  为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 -- 例如屏幕阅读器 -- 的用户来说,颜色是不可见的。建议,确保通过颜色表达的信息或者通过内容自身表达出来(按钮上的文字),或者通过其他方式 -- 例如通过 `.sr-only` 类隐藏的额外文本 -- 表达出来。

```>>>```
```!```

##### Conveying meaning to assistive technologies

  为按钮添加不同的颜色只是一种视觉上的信息表达方式,但是,对于使用辅助技术 -- 例如屏幕阅读器 -- 的用户来说,颜色是不可见的。建议,确保通过颜色表达的信息或者通过内容自身表达出来(按钮上的文字),或者通过其他方式 -- 例如通过 `.sr-only` 类隐藏的额外文本 -- 表达出来。

```!```

文本元素

可以使用的增强阅读体验的元素:

超链接a标签
[超链接a标签](/)

效果: 超链接a标签

无用文本
``s``无用文本``s`` 

效果: 无用文本

删除了的文本
~~删除了的文本del标签~~

效果: 删除了的文本del标签

上划线
``u``上划线文本``u`` 

效果: 上划线文本

插入文本
``i``插入文本``i`` 

效果: 插入文本

mark标签
``m``mark标签``m`` 

效果: mark标签

小号字体
``small``小号字体``small`` 

效果: 小号字体

小号着重字体
``smalls``小号着重字体``smalls`` 

效果: 小号着重字体

粗的字体
``b``粗的字体``b`` 

效果: 粗的字体

加强的字体
**加强的字体**

效果: 加强的字体

斜体的字体
``em``斜体``em``

效果: 斜体的字体

上标
文本文字``sup``上标``sup``

效果: 文本文字上标

下标
文本文字``sub``下标``sub``

效果: 文本文字下标

标注
文本文字``sups``标注``sups``

效果: 文本文字标注

行内代码标签
`public static void class user`

效果: public static void class user(args){}

键盘关键字标识
<kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

效果: ctrl + ,

缩写内容
<abbr title="这是整个展示的内容,没错,我很长,也很多大">缩写内容abbr标签</abbr>

效果: 缩写内容abbr标签

address
<address>地址address标签</address>

效果:

地址address标签

反方向的标签
<bdo dir="rtl">dir的 ltr和 rtl 值可以让他变化位置,定义文本方向bdo标签</bdo>

效果:dir的 ltr和 rtl 值可以让他变化位置,定义文本方向bdo标签

突出文本
``hi``突出显示。``hi``

效果:突出显示。

分割线
---

效果:


中文注音或字符ruby标签

例子:

木头人 mutouren 不支持

写法:

<ruby>
  木头人<rt>mutouren</rt>
  <rp>您浏览器不支持该标签</rp>
</ruby>

列表元素

任务列表

  • 某某某计划
  • 某某计划
  • 某计划
Markdown 代码示例
- [x] 某某某计划
- [ ] 某某计划
- [x] 某计划
- [ ] 某
- [x] 计
- [ ] 划

有序列表

  1. List Item 1
  2. List Item 2
  3. List Item 3

无序列表

  • List Item 1
  • List Item 2
  • List Item 3
Markdown 代码示例有序:
1. List Item 1
2. List Item 2
3. List Item 3

无序:

- List Item 1
- List Item 2
- List Item 3

表格

Table Header 1Table Header 2Table Header 3
Table contentTable contentTable content
Table contentTable contentTable content
Markdown 代码示例
| Table Header 1 | Table Header 2 | Table Header 3 |
| -------------- | -------------- | -------------- |
| Table content  | Table content  | Table content  |
| Table content  | Table content  | Table content  |

定义列表

例子:

定义标题1
我是内容1,我是内容11111
定义标题2
我是内容2,我是内容22222

写法:

<dl>
  <dt>定义标题1</dt>
    <dd>我是内容1,我是内容11111</dd>
  <dt>定义标题2</dt>
    <dd>我是内容2,我是内容22222</dd>
</dl>

用于描述文档或文档某个部分的细节details标签

例子:

这是简单一段内容.

全部内容都在这了l.


写法:

<details>
  <summary>这是简单一段内容.</summary>
  <p>全部内容都在这了l.</p>
</details>

注: