测试元素是否正常显示
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` 类隐藏的额外文本 -- 表达出来。
```!```文本元素
可以使用的增强阅读体验的元素:
无用文本
``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标签
例子:
木头人写法:
<ruby>
木头人<rt>mutouren</rt>
<rp>您浏览器不支持该标签</rp>
</ruby>列表元素
任务列表
- 某某某计划
- 某某计划
- 某计划
- 某
- 计
- 划
Markdown 代码示例
- [x] 某某某计划
- [ ] 某某计划
- [x] 某计划
- [ ] 某
- [x] 计
- [ ] 划有序列表
- List Item 1
- List Item 2
- 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 1 | Table Header 2 | Table Header 3 |
|---|---|---|
| Table content | Table content | Table content |
| Table content | Table content | Table 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>