Markdown 輔助線
1. 前言
輔助線是文字格式的一種,常見形式如下劃線和中劃線,下劃線可用于圈出文字中需要注意的部分,刪除線可用于表示文字中已經(jīng)失效的內(nèi)容。
Markdown 語法里的輔助線包含「中劃線(刪除線)」一種形式,其他形式的輔助線要通過 HTML 標簽進行擴展。中劃線使用 「波浪線 ~
」來描述。
環(huán)境說明:
考慮到 Markdown 工具之間的不兼容,有的內(nèi)容直接從頁面復(fù)制粘貼到本地不會正常顯示,大家學(xué)習(xí)時自己動手寫是肯定沒問題的。本節(jié)所有實例代碼及演示效果均使用 Typora 工具完成。
本節(jié)所有截圖均為 Typora 導(dǎo)出為 HTML 后渲染效果。
2. 語法詳解
2.1 中劃線語法
在 Markdown 文件中,被「波浪線 “~”」包括的內(nèi)容會增加中劃線效果。
實例 1:
### 中劃線語法
這是一個刪除線
~~這是一條刪除線~~
當(dāng)刪除線內(nèi)部緊跟 "空格" 時,刪除線效果會失效。
~~有效的刪除線~~
~~失效的刪除線 ~~
~~ 失效的刪除線 ~~
~~ 失效的刪除線~~
其渲染結(jié)果如下:
刪除線會被渲染成 html 的 del
標簽
<del>刪除線</del>
2.2 下劃線的實現(xiàn)
Markdown 的原生語法沒有定義 “下劃線” ,因為 “下劃線” 效果容易和 “超鏈接” 相混淆。如果需要在文章中添加下劃線,需要使用 HTML 標簽。
實例 2:
### 下劃線的實現(xiàn)
下劃線使用 html 語法的 ins 標簽實現(xiàn)
<ins>這是一個下劃線</ins>
其渲染結(jié)果如下:
3. 使用場景及應(yīng)用實例
下劃線也被稱為插入線。刪除線和下劃線通常用于對文章的審閱和矯正。我們的文章有時很難一次成型,有時也要通過多人協(xié)作,比如論文需要導(dǎo)師幫助檢查和修改,為了表示出修正的位置和內(nèi)容,通常需要使用「刪除線」和「下劃線」。
實例 3:
小學(xué)生作文修改。
#### 翠鳥
韓寒
有一天,回到家里,我站在河邊看雪花的時候,突然聽見一種奇怪地叫聲。
我向四處看了一看像,奇怪什么也沒有。
我想今天真是見鬼了,突然我看見河邊的樹枝<ins>上</ins>有一只美麗的小鳥,好像和我在玩捉迷 藏。
我有<ins>仔</ins>細~~心~~ ~~的~~<ins>地</ins>一看這只鳥嘴巴長長~~地~~<ins>的</ins><ins>尾</ins>巴也是長長~~地~~<ins>的</ins>。
我一下子就想起學(xué)過的<ins>第</ins>16<ins>課</ins><ins>《</ins>鳥<ins>》</ins>這<ins>篇</ins>課文。
里面寫~~9~~<ins>九</ins>種鳥的名字有一種鳥叫翠鳥,就知道那<ins>站在</ins>樹枝上的鳥是只翠鳥。
翠鳥的羽毛其中有一塊是紅色的嘴巴像啄木鳥又尖又長,你們看,這是一只多么美麗的翠鳥?。?
1990年11月17日
<style>
del {color: red !important;}
ins {color: blue;}
</style>
其渲染結(jié)果如下:
4. 小結(jié)
- 當(dāng)我們在文章中同時出現(xiàn)「超鏈接文本」和「下劃線」文本時,要注意樣式上的區(qū)分;
- 「中劃線」在不同的編輯器下描述方式可能會有不同,比如:官方定義的「中劃線」是由連續(xù)的兩個波浪線定義的,但在有些編輯器比如「Atom」中,單個 「波浪線」也能出現(xiàn)刪除線的效果。
HTML 標簽中 <del>
標簽意義為 「刪除」,<ins>
標簽意義為 「插入」。刪除用一條中劃線代表已刪除的內(nèi)容,插入用一條下劃線代表新插入的文本。通常刪除線和插入線代表文章的修訂過程,我們輸出的文章要盡量避免使用太多輔助線效果。