前端学Markdown语法

  我个人理解,Markdown就是一个富文本编辑器语言,类似于sass对于css的功能,Markdown也可以叫做HTML预处理器,只不过它是一门轻量级的标记语言,可以更简单的实现HTML文档。本文将详细介绍Markdown的内容

概述

  Markdown的目标是实现易读易写,一份使用Markdown格式撰写的文件应该可以直接以纯文本发布

  Markdown的语法全由一些符号所组成,它的语法种类很少,只对应HTML标记的一小部分。由于Markdown实际上就是简化版的HTML,所以直接写HTML也是可以的

段落

  不加任何符号的一段字符,就是一个段落。多个段落之间用空行分隔
  [注意]在markdown中,多个空行会合并为一个空行显示

p1 p2 p3

  输出HTML为

<p>p1</p> <p>p2</p> <p>p3</p> 换行

  如果段落之间没有空行,则解析为HTML标签<br>

p1 p2 p3

  输出HTML为

<p>p1<br> p2<br> p3</p> 标题

  #、##、###、####、#####、######分别对应<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。其实我个人感觉,不如直接使用<h>标签方便,特别是到标题3以后

#h1 ##h2 ###h3 ####h4 #####h5 ######h6

  输出HTML为

<h1>h1</h1> <h2>h2</h2> <h3>h3</h3> <h4>h4</h4> <h5>h5</h5> <h6>h6</h6> 区块

  说起区块,可能听说的人比较少。它用'>'这个符号来表示,对应于HTML中的<blockquote>标签,用于引用块元素。《Head first HTML And CSS》一书中,还专门针对<blockquote>和<q>进行了详细的区分,但实际用的比较少
  但是,markdown对应区块引用的实现上,并不能完整表达<blockquote>标签的语义,应该可以引用多个段落,但实际上markdown的'>'符号只能引用一个段落

>p1 p2

  输出HTML为

<blockquote> <p>p1</p> </blockquote> <p>p2</p> 列表

【无序列表】

  无序列表使用星号、加号和减号来做为列表的项目标记

* red * blue * green + red + blue + green - red - blue - green

  输出HTML为

<ul> <li>red</li> <li>blue</li> <li>green</li> </ul>

【有序列表】

  有序的列表则是使用一般的数字接着一个英文句点作为项目标记

1. Red 2. Green 3. Blue

  输出HTML为

<ol> <li>red</li> <li>blue</li> <li>green</li> </ol>

  [注意]如果在项目之间插入空行,那项目的内容会用<p>包起来

分隔线

  可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线

* * * *** ***** - - - ---------------------------------------

  输出HTML为

<hr> <hr> <hr> <hr> <hr> 链接

  Markdown支持三种形式的链接语法:行内、参考和自动。行内和参考链接都使用角括号把文字转成链接

  [注意]由于Markdown默认产生的链接是当前页打开,且无法实现_blank,所以,就个人而言还是直接使用<a>更方便

【行内链接】

  行内形式是直接在后面用括号直接接上链接

This is an [example link]()

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/14607.html