[Markdown] 03 进阶语法 第一弹

目录

• 1. YMAL 题头
• 2. 缩写
• 3. 强调
• 4. 自定义 <div> 标签
• 5. <cite> 标签
• 5. <code> 与 <br> 标签
• 6. <kbd> 标签
• 7. emoji
• 8. to do list

---

1. YMAL 题头

• 上方那个长得像代码块的就是 YAML¹ 题头
• 它是一种直观的能够被电脑识别的数据序列化格式，是一个可读性高并且容易被人类阅读，容易和脚本语言交互，用来表达资料序列的编程语言
• 挖坑：
  • YAML 简介
  • 坑号编码：MD03-1
• 用法：

1. 必须写在开头
2. 用两行 --- 包起来
3. 里面是“属性名” + 1 个英文冒号 + 空格（至少 1 个，可以多个） + 解释

• 示例

---
title:   [Markdown] 03 进阶语法 第一弹
date:    2019/04/25
tags:    Markdown
summary: Markdown 进阶语法
---

• 效果：失效

• 放张截图

• 说明：不同的编辑器有所不同

2. 缩写

• 用法示例

  <abbr title="Hypertext Markup Language">HTML
  *[HTML]: Hypertext Markup Language

• 说明

1. *[HTML]: 后面有一个空格
2. 与注脚不同，此时的 HTML 这个词像是一个变量，在下方不需额外操作就有“注脚”的效果
3. 不同的编辑器有所不同

• 效果
  HTML
  *[HTML]: Hypertext Markup Language

HTML —— 失效

3. 强调

• 用法：2 个英文双引号 + 文字 + 2 个英文双引号

• 示例

  ""强调""

• 说明

1. 有时需要在左右两边加空格
2. 不同的编辑器有所不同

• 效果
  ""强调"" —— 失效

4. 自定义 <div> 标签

• 用法示例

:::nomal
satisfy —— 失效
:::

• 说明：不同的编辑器有所不同

• HTML5 中的写法

<div class="normal">
    <p>
        satisfy
    </p>
</div>

• 效果

  satisfy

5. <cite> 标签

• 用法示例

  <cite>作品标签

• 效果
  作品标签

5. <code> 与 <br> 标签

• 用法示例

  <code>
  print("1")
  
  print("2")
  
  print("3")
  
  

• 效果
  
print("1")

print("2")

print("3")



• 说明：

1. <code> 里放代码
2. <br> 表示换行

6. <kbd> 标签

• 用法示例

  <kbd>Ctrl</kbd> + <kbd>a</kbd>

• 效果：效果是有的，就是看起来不明显
  Ctrl + a

• 对照组
  Ctrl + a

• 放张截图

7. emoji

• 用法：两个英文冒号中间加一个参数
• 示例

:smile:

• 效果