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